BakaBT Wiki - User contributions [en]

Screenshots

2017-02-28T18:42:00Z

Der richter: mention screenshot format

This article is aimed at providing useful information regarding adding screenshots to your description and the software used.

Adding screenshots to your description is necessary, as it's meant to preview the video and subtitle quality for the torrent. For that reason when taking screenshots they must be in source resolution, PNG (lossless) format, unless the video is anamorphic in which case they need to be in display resolution.

__TOC__
<tt style="color:gray; font-size:80%; float:right;">r10 - 2013-08-23</tt>
=Taking Screenshots=
# <span style="font-size:140%;"><span style="color:green;">Recommended:</span> AvsPmod</span> (& AviSynth, Dither)
#: Most flexible solution, but requires a few steps to set up.
#:* + using Firesledge's script provided in this thread pretty much guarantees the screenshots to be the most faithful representation of the source
#:* + high quality scaling for comparing releases with different frame dimensions
#:* + AvsPmod provides efficient and convenient ways to compare multiple releases and batch export screenshots
#:* - rendering subtitles requires them to be demuxed from the release
# <span style="font-size:140%;"><span style="color:green;">Good:</span> MPC-HC + madVr</span>
#: Easy to set up solution that doubles as THE high quality video playback solution on Windows, but not as convenient as method #1
#:* + video quality on par with the AviSynth method
#:* + easy to set up (install CCCP) and use (like a media player), doesn't require any demuxing or indexing
#:* - does not supporting scaled screenshots for comparing releases with different frame dimensions
#:* - not as well suited (or intended) as AvsPmod for more extensive comparisons, comparing releases side-by-side possible but cumbersome
# <span style="font-size:140%;"><span style="color:green;">Good:</span> mpv</span> (-vo opengl-hq; use at least version 0.1.0)
#: Cross-platform solution also available on Mac OS X and Linux, not as convenient as method #1
#:* + easy to set up and use if you're familiar with the command line
#:* + access to advanced configuration options and quite powerful video filters for a video player
#:* - video quality very slightly inferior to methods #1 and #2
#:* - not as well suited (or intended) as AvsPmod for more extensive comparisons, comparing releases side-by-side possible but cumbersome
# <span style="font-size:140%;"><span style="color:orange;">Avoid:</span> MPC-HC + EVR CP</span>
#: Default setup when installing CCCP or MPC-HC/BE.
#:* ! not a fault of EVR in and by itself, but an all too common error source: uses video "enhancement" features of your video card driver which actually destroys the video (and your screenshots) in several ways, including but not limited to:
#:** fucking up colors,
#:** adding ugly sharpening,
#:** creating sugoi banding, and
#:** other artifacts.
#::If you absolutely have to use the EVR renderer for taking screenshots, '''make sure''' all video enhancement options of your graphics card driver are turned off
#:* - possible pixel shift to the left (tested on recent NVidia drivers)
#:* - slightly inferior video quality compared to madVr (defaults to bilinear chroma upscaling, random dithering using lav video decoder)
# <span style="font-size:140%;"><span style="color:red;">Do not EVER use:</span> VLC</span>
#: Atrocious video player with terrible video quality
#:* - uses wrong matrix for RGB conversion (results in wrong colors)
#:* - uses point upscaling for chroma planes
#:* - introduces strong banding
#:* - all the other bugs (including some that haven't been fixed in years) make it equally unsuitable media player. Seriously, stop using VLC!
# <span style="font-size:140%;"><span style="color:red;">Do not use <span style="font-size:60%;">until further notice</span>:</span> FFmpeg</span>
#: Versatile command line video/audio processing tool unsuitable for taking screenshots
#:* - incorrectly uses BT.601 matrix for all content (results in wrong colors)
#:* - colormatrix filter causes strong banding
#:* - uses point upscaling for chroma planes and ordered dithering (low video quality)
#:* - not practical doing screenshot comparisons (as a standalone tool), doesn't seem to be able to take frame numbers as seek points

==<span style="color:green;">AvsPmod</span>==
===Required Components===
====Basic requirements====
{| class="wikitable"
|-
! '''Software'''
! '''Version'''
!
|-
| AviSynth
| 2.6a4
| [http://sourceforge.net/projects/avisynth2/files/AviSynth_Alpha_Releases/AVS%202.6.0%20Alpha%204%20%5B130114%5D/AviSynth_130114.exe Download]
|-
| AvsPmod
| 2.5.1 (+upd. library)
| [https://github.com/AvsPmod/AvsPmod/releases Download]
|-
| FFMS2
| r743 (10bithack)
| [http://nmm.me/vh Download]
|-
| FFMS2 (H265 compatible)
| ?
| [http://www.nmm-hd.org/upload/get~BLsLZwgj5ps/ffms2-6e0d654+a9fe004-ffmpeg-1e4d049.7z Download]
|-
| Dither Avisynth Tools
| 1.23.0
| [http://ldesoras.free.fr/src/avs/dither-1.23.0.zip Download]
|-
| Masktools
| 2.0a48 for 2.6a4 (06_taro)
| [http://tmod.nmm-hd.org/Misc/mt_masktools-26-for-2.6alpha4.7z Download]
|-
| xy-vsfilter
| 3.0.0.232 (cccp)
| [https://github.com/Cyberbeing/xy-VSFilter/releases Download]
|-
| FFInfoEx
| r1
| [https://mega.nz/#!ghNk2BZL!l203Hqya2RqziIidwLKS7uDHXwetfSKQCtpp4WiOHqA Download]
|}

This tutorial also assumes you're running a '''fully updated Windows 7/8''' machine with all recent VC++ distributables, .net Frameworks and whatnot. Things probably also work on Vista/XP and you might even get them to run with Wine on Linux, but you're on your own. The H265 compatible version should work as well as the old version, however if you have problems and don't need to compare H265 then use the old one.

====Additional requirements <span style="font-size:70%; font-weight:normal;">for the subtitle extraction script</span>====

{| class="wikitable"
|-
! '''Software'''
! '''Version'''
!
|-
| Windows Powershell
| 3.0
| [http://download.microsoft.com/download/E/7/6/E76850B8-DA6E-4FF5-8CCE-A24FC513FD16/Windows6.1-KB2506143-x86.msu Download (x86)] / [http://download.microsoft.com/download/E/7/6/E76850B8-DA6E-4FF5-8CCE-A24FC513FD16/Windows6.1-KB2506143-x64.msu Download (x64)]
<span style="font-size:80%;">Installed by default on Win 8, Win 7 SP1 users need to upgrade.<br />
No XP/Vista support.</span>
|-
| Microsoft .NET Framework
| 4.5
| [http://download.microsoft.com/download/B/A/4/BA4A7E71-2906-4B2D-A0E1-80CF16844F5F/dotNetFx45_Full_setup.exe Download] <span style="font-size:80%;">(Prerequisite for Powershell 3)</span>
|-
| MKVToolNix
| 6.3.0
| [http://www.downloadbestsoft.com/download/mkvtoolnix-unicode-6.3.0-1-setup.exe Download]
|-
| SIL FontUtils
| 1.00
| [http://scripts.sil.org/cms/scripts/render_download.php?format=file&media_id=TTFontUtils_1_00&filename=TTFontUtils_1_00.exe Download]
|-
| ExRelease
| 0.9.5
| [https://github.com/line0/ExRelease/releases/ Download]
|}

===Setting thing up the environment===
<ol><li>Install AviSynth</li>

<li>Open your AviSynth plugins directory in Explorer<br />
Unless you changed the the AviSynth install location, your plugins directory should be<br />
<span style="color:gray; font-size:80%; line-height:1em;">(enter these into your explorer location bar):</span>
<ul><li>[On 64-bit Windows] <tt><span style="color:blue">%ProgramFiles(x86)%\AviSynth 2.5\plugins</span></tt></li>
<li>[On 32-bit Windows] <tt><span style="color:blue">%ProgramFiles%\AviSynth 2.5\plugins</span></tt></li></ul>
There should be only 3 files inside the directory: <tt><span style="color:blue">colors_rgb.avsi</span></tt>, <tt><span style="color:blue">DirectShowSource.dll</span></tt>, <tt><span style="color:blue">TCPDeliver.dll</span></tt></li>

<li>Open the Dither Avisynth Tools archive (<tt><span style="color:blue">dither-1.22.1.zip</span></tt>) and unpack the following files to your AviSynth plugin directory:
<ul><li><tt><span style="color:blue">avstp.dll</span></tt></li>
<li><tt><span style="color:blue">dither.avsi</span></tt></li>
<li><tt><span style="color:blue">dither.dll</span></tt></li>
<li><tt><span style="color:blue">mt_xxpand_multi.avsi</span></tt></li></ul>
<span style="color:gray; font-size:80%; line-height:1em;">The docs folder inside the archive contains detailed documentation on the dither tools, so you might want to extract this to your AviSynth Docs directory or anywhere else you'll find it in case you need it later</span></li>

<li>Open the downloaded ffms2 archive and extract the contents into your Avisynth plugin directory
<ul><li><tt><span style="color:blue">ffms2.dll</span></tt></li>
<li><tt><span style="color:blue">ffmsindex.exe</span></tt></li></ul></li>

<li>Open the downloaded masktools archive and extract <tt><span style="color:blue">mt_masktools-26.dll</span></tt> to your AviSynth plugin directory</li>

<li>Open the downloaded AvsPmod archive and extract the <tt><span style="color:blue">AvsPmod</span></tt> folder to:
<ul><li>On 64-bit Windows: <tt><span style="color:blue">%ProgramFiles(x86)%</span></tt></li>
<li>On 32-bit Windows: <tt><span style="color:blue">%ProgramFiles%</span></tt></li></ul>
Create a shortcut to <tt><span style="color:blue">avspmod.exe</span></tt>, or pin it to the taskbar/start menu</li>

<li>Copy the downloaded <tt><span style="color:blue">VSFilter.dll</span></tt> and <span style="color:blue">FFInfoEx.avsi</span> to your Avisynth plugin directory</li></ol>

===Getting started with screenshot comparisons===
<ol><li>Start AvsPmod and open the settings dialog (''Options > Program settings'')
<ol style="list-style-type:lower-latin;">
<li>On the ''User Sliders'' tab check ''Hide slider window by default'' (The slider window usually only gets in the way)</li>
<li> If you are using more than one screen, it's usually wise to check the ''Seperate preview window'' option, so you can have one screen dedicated to the video and one to the script</li>
<li>On the Misc tab, uncheck the ''Show warning for bad plugin naming at startup'' option</li></ol></li>

<li>Go to ''Options > Snippets'' and click on ''Insert''. Insert the following script template as snippet and give it a tag you will remember<br />
<span style="color:gray; font-size:80%; line-height:1em;">(Script by Firesledge with a few additions)</span></li>

<tt>
vidfile="<span style="color:brown">VIDEOFILE</span>"
subfile=""

c1 = FFVideoSource (vidfile, enable10bithack=false)
c2 = FFVideoSource (vidfile, enable10bithack=true, varprefix="c1_")
w = c1.Width ()
h = c1.Height ()
wm4 = (w + 3) / 4 * 4
hm4 = (h + 3) / 4 * 4
b10 = (c2.Height () > c1.Height ())

<span style="color:brown">
target_width = w
target_height = h</span>
display_timecode = false
display_subtitles = true
group = "<span style="color:brown">GROUPNAME</span>"

matrix = (c1_FFCOLOR_SPACE == 1) ? "709"
\ : (c1_FFCOLOR_SPACE >= 5) ? "601" : Dither_undef ()
par = (c1_FFSAR_NUM > 0 && c1_FFSAR_DEN > 0)
\ ? Float (c1_FFSAR_NUM) / Float (c1_FFSAR_DEN)
\ : Dither_undef ()
tv_range = (c1_FFCOLOR_RANGE != 2)

(b10) ? c2 : c1

(StrLen(subfile) > 0 && display_subtitles) ?
\ (b10) ? Dither_limit_dif16(DitherPost(mode=-1).TextSub(subfile).Dither_convert_8_to_16 (), thr=1.0, elast=2.0) : TextSub(subfile)
\: nop()

(VersionNumber () >= 2.6) ? last
\ : (b10) ? Dither_addborders16 (0, 0, wm4 - w, hm4 - h)
\ : AddBorders (0, 0, wm4 - w, hm4 - h)

(target_width != c1.Width() || target_height != c1.Height()) ? Dither_srgb_display (lsb_in=b10, matrix=matrix, par=par, tv_range=tv_range, w=target_width, h=target_height)
\ : Dither_srgb_display (lsb_in=b10, matrix=matrix, par=par, tv_range=tv_range)

cmt = (target_width > c1.Width() || target_height > c1.Height()) ? group + "\nupscaled" : group
FFInfoEx(vfrtime=display_timecode, cfrtime=false, frametype=false, x=last.width-6, y=4, cmt=cmt, align=9, shorttime=true)
</tt>

<li>Now that you're all set, let's load the videos to compare.
<ol style="list-style-type:lower-latin;">
<li>Click into the empty script window and hit <span style="color:navy">F7</span> to get a list of your snippets. Since there's only the one snipped you just created, hit <span style="color:navy">TAB</span> to insert it</li>
<li>Replace <tt><span style="color:brown">VIDEOFILE</span></tt> in the first line with the full path to an episode <span style="color:gray; font-size:80%; line-height:1em;">(e.g. Z:\ScreenCompare\ZSZS\[gg]_Zan_Sayonara_Zetsu bou_sensei_-_02_[DB36C966].mkv)</span> of the first release you want to compare and <tt><span style="color:brown">GROUPNAME</span></tt> in the last line with the appropriate group tag</li>
<li>Hit <span style="color:navy">F5</span> to load (or refresh) the video. Loading a file for the first time might take a few seconds, since the file is being indexed first.</li>
<li>Save the script</li>
<li>Hit <span style="color:navy">Ctrl+N</span> or double click next to the current tab to open a new script tab</li>
<li>Repeat from Step '''3a'''</li></ol></li>

<li>Syncing up the releases (easymode)
<ol style="list-style-type:lower-latin;">
<li>Check if the video of all releases matches up, by going through them with Alt+1, Alt+2, Alt+3, ...<br />
The best way to do is is to seek to the last frame before a scene change, check if it matches up across tabs, then seek to the next frame and check again<br />
<span style="color:gray; font-size:80%; line-height:1em;">(Seek by using the arrow keys (<span style="color:navy">left/right</span>: 1 frame; <span style="color:navy">up/down</span>: 1 second) or clicking the timeline for larger time distances)</span><br /><br />
'''Note: ''' You may find out that not all subsequent frames match up or worse, the releases running out of sync over time. If it's only single frames, just avoid using them for screenshots.
In case of releases running out of sync, you're dealing with either missing sections or different frame rates. Refer to the <span style="color:gray">[Advanced Tutorial TBD]</span> on how to deal with those cases.</li>
<li>Once all releases you want to compare are in sync, right click their tabs and add them to a single group. Make sure the ''Apply offsets'' and ''Offset also bookmarks'' options are checked.<br />
<span style="color:gray; font-size:80%; line-height:1em;">AvsPmod will now remember the frame offsets between tabs and automatically seek to the right frames on a shared timeline.</span></li></ol></li>

<li><ol style="list-style-type:lower-latin;">
<li>To reasonably compare screenshots, we need all frame sizes to be of the same resolution. You should have noticed any differences already while syncing up the releases.<br />
If all resolutions match, skip this step. If they don't, find out the highest resolution by looking at the bottom right of the status bar.<br />
<span style="color:gray; font-size:80%; line-height:1em;">The information will be in the following format: FrameWidth x FrameHeight (AspectRatio) - Framerate fps - Colorspace</span></li>
<li>Take the largest width and height among the releases and find the following section in the scripts for all releases that need to be resized:
<pre style="color:brown">target_width = w
target_height = h</pre>
Replace <span style="color:brown">w</span> with the largest FrameWidth and <span style="color:brown">h</span> with the largest FrameHeight</li>
<li>Hit <span style="color:blue">F5</span> to refresh the video preview and confirm everything works as expected.</li>
</ol></li>

<li>Select frames for the screenshot comparison
<ol style="list-style-type:lower-latin;">
<li>Find a frame suitable to convey significant information about an aspect of video quality.<br />
Pick:
<ul><li>one or two frames of a structure that represents what is on the screen most of the episode (to give a general idea about the video quality)</li>
<li>frames from dark scenes</li>
<li>high-detail frames / frames with fine structures</li>
<li>frames with low contrast</li>
<li>frames from high-motion scenes</li>
<li>a frame or two from a fade-in/fade-out</li>
<li>frames that display video artifacts in one ore more releases <span style="font-size:80%; line-height:1em;"><span style="color:gray;">(refer to </span>[http://forums.bakabt.me/index.php?topic=32193 this]<span style="color:gray"> thread on how to spot and identify video artifacts)</span></span></li>
<li>at least one frame from the OP and one frame from the ED</li></ul>
<span style="color:gray; font-size:80%; line-height:1em;">Try to get as many B-Frames as possible. Ideally you'd want matching frame types across the different releases.<br />In practice checking this gets more of a waste of time with each additional release you have to compare. Just try to keep the number of B-to-I comparisons low and make sure you don't pick only B-Frames for one release and only P-Frames for the other.<br />A very easy way to avoid this issue is to not pick frames by only looking at one release. This comes with the added benefit of you being more likely to spot video artifacts in ALL releases.<br />(Check the overlay on the top right of the video frame to find the frame type of the current frame.)</span></li>
<li>Once you've decided on a frame, hit <span style="color:navy">Ctrl+B</span> to bookmark it.</li>
<li>Repeat from '''6a '''for each additional frame<br />
<span style="font-size:80%; line-height:1em;"><span style="color:gray">If you want to check the frames you already bookmarked, hit <span style="color:navy">F2</span>/<span style="color:navy">Shift+F2</span> to browse through your bookmarks</span></span></li></ol></li>

<li>Export screenshots
<ol style="list-style-type:lower-latin;">
<li>Once you're done deciding on frames to screenshot (10-15 is a good number), it's time to export them to PNG.<br />
Go to ''Macros > Save image sequence'' (make sure ''Select frames'' is set to "Bookmarks" and ''Output format'' to "*.png")</li>
<li>Pick an output directory and basename.<br />
I recommend using the basename format <tt>%06d_Groupname</tt>. This way your screenshots will (almost) always sort to comparison-friendly order by default. Make sure ''Add the frame number as suffix'' is checked when using <tt>%06d</tt>, otherwise it only counts up rather than inserting the current frame number.<br />
:::<span style="color:gray; font-size:80%; line-height:1em;">Example of Directory+Basename: Z:\ScreenCompare\Out\%06d_Zurako
You may also want want to check the ''Use always this directory'' option since you need to run this macro for each release seperately.</span></li>
<li>Click <span style="color:navy">OK</span>. You'll get a confirmation once the export is done.</li>
<li>Repeat from step '''7a''' for every open tab/release</li>
</ol>
</li></ol>

===Setting up the ExRelease extraction script===
<ol><li>Open Notepad or a text editor of your choice and type <tt>;</tt>.</li>

<li>Install MKVToolNix and copy the path to the destination folder into your notepad document.
<ol style="list-style-type:lower-latin;">
<li>Append a <tt>;</tt> to your notepad document. The contents should now look like this:</li>
;<span style="color:blue">C:\Program Files (x86)\MKVToolNix</span>;
</ol></li>

<li>Install FontUtils and make sure the ''Add installation directory to PATH'' option is checked</li>

<li>Remember your AviSynth plugin directory from the first tutorial? Copy its path to your notepad document and append another ";"<br />
Unless you changed the the AviSynth install location, your plugins directory should be<br />
<span style="color:gray; font-size:80%; line-height:1em;">(enter these into your explorer location bar to make them resolve to full paths)</span>:
<ul><li>[On 64-bit Windows] <tt><span style="color:blue">%ProgramFiles(x86)%\AviSynth 2.5\plugins</span></tt></li>
<li>[On 32-bit Windows] <tt><span style="color:blue">%ProgramFiles%\AviSynth 2.5\plugins</span></tt></li></ul>
Make sure you append the full path to your notepad document, so it looks like this:</li>
;<span style="color:blue">C:\Program Files (x86)\MKVToolNix</span>;<span style="color:blue">C:\Program Files (x86)\AviSynth 2.5\plugins</span>;

<li>Unpack the ExRelease archive to
<ul><li><tt><span style="color:blue">%userprofile%\Documents\WindowsPowerShell\Modules</span></tt></li></ul></li>

<li>To make the tools you just installed available to the script and the script conveniently available from everywhere, we need to add their locations to your '''PATH '''environment variable
<ol style="list-style-type:lower-latin;">
<li>Hit <span style="color:navy">Win+Pause</span> to open the System Control Panel</li>
<li>Click on ''Advanced System Settings'' <span style="color:gray; font-size:80%; line-height:1em;">(on the left sidebar)</span>, which should open the ''System Properties'' Window</li>
<li>Click on ''Environment Variables''</li>
<li>Browse the ''System variables'' until you find the '''Path''' variable. Highlight it and click on ''Edit...''</li>
<li>Click into the ''Variable value'' input field, and hit the <span style="color:navy">End</span> key to move the cursor behind the last entry (which should be your FontUtils path)</li>
<li>Append the contents of your notepad document and hit <span style="color:navy">Enter</span></li>
<li>Click ''OK ''on the ''Environment Variables'' and ''System Properties'' to save the settings</li>
</ol></li>

<li>Run Windows PowerShell (you'll find it in the programs menu)
<ol style="list-style-type:lower-latin;">
<li>Make sure you are running at least Powershell v3.0. Type
<pre style="color:brown">$PSVersionTable.PSVersion</pre>
into the command prompt and hit enter. If the number under ''Major ''says 3, you're good to go (continue with step '''8''')</li>
<li>If it doesn't, install
<ul><li>[On 64-bit Windows] <span style="color:blue">Windows6.1-KB2506143-x64.msu</span></li>
<li>[On 32-bit Windows] <span style="color:blue">Windows6.1-KB2506143-x86.msu</span></li></ul>
If the update fails with ''"The update is not applicable to your computer"'', you need to install the .NET Framework 4.5 (<span style="color:blue">dotNetFx45_Full_setup.exe</span>) first.<br />
<span style="color:gray; font-size:80%; line-height:1em;">You may need to restart your computer after installing Powershell 3.</span><br />
Open Windows PowerShell again and run
<pre style="color:brown">$PSVersionTable.PSVersion</pre>
to confirm you are now running version 3</li></ol></li>

<li>Next, we have to change the execution policy to allow running unsigned scripts. To do this, run
<pre style="color:brown">Set-ExecutionPolicy Bypass -Scope CurrentUser</pre>
and confirm with <span style="color:navy">Y</span>. With this preparations to run the ExRelease script are done.</li></ol>

===Using the ExRelease script to take screenshots with subtitles/typesetting===
The ExRelease script automates a number of thigs you'd otherwise have to do by hand:
<ul><li>Demuxes subtitles from .mkv files</li>
<li>Extracts attached fonts softsubbed releases <span style="color:gray; font-size:80%; line-height:1em;">(which are required to render the subtitles correctly)</span></li>
<li>Looks for typesetting inside extracted .ass subtiles and writes a text file, which can be imported as bookmarks in AvsPmod</li>
<li>Loads extracted fonts into memory to make them available to the subtitle renderer</li>
<li>Finds the highest resolution of the releases you want to compare</li>
<li>Writes an AviSynth script with all important parameters already set, so you can start taking screenshots right away</li></ul>
<br />
<ol><li>Open PowerShell</li>
<li>Move or copy all releases you want to compare with each other to a separate folder. The script works on whole directories, so every .mkv file in the folder is going to be processed.</li>
<li>Run the script by typing
<pre style="color:brown;">ExRelease "X:\SomePath\To Love Ru Darkness"</pre>
<span style="color:gray; font-size:80%; line-height:1em;">(Substitute for your comparison directory, of course.)
You can use the <span style="color:navy;">Tab</span> key to auto-complete directories or just type "<span style="color:brown;">ExRelease</span>" and drag/drop the folder into PowerShell to insert its path.</span>
The script will now process your files and also create indexes, so it's time to go to the fridge and grab a beer.</li>

<li>When the script is done it will ask you if you want it to load fonts now. Answer with <span style="color:navy;">Y</span> for yes.<br />
Fonts remain loaded in memory for the duration of the session <span style="color:gray; font-size:80%; line-height:1em;">(that means until you log out or shut down the computer)</span>.
<ol style="list-style-type:lower-latin;">
<li><span style="color:gray; font-size:80%; line-height:1em;">In case you want to (continue) work on the screenshot comparison after a logout or reboot, run the script again with</span>
<pre style="color:brown;">ExRelease "X:\SomePath\To Love Ru Darkness" -load</pre></li></ol></li>

<li>Open the generated .avs scripts <span style="color:gray; font-size:80%; line-height:1em;">(which reside next to the .mkv files)</span> in AvsPmod.<br />
<span style="color:gray; font-size:80%; line-height:1em;">If everything went right, all releases should display at the same resolution, subtitles should now be rendered on the frames, and the releases should now have the appropriate group tag next to the frame numbers.</span></li>

<li>To save you the effort of finding typesetting to compare, ExRelease has already done that for you.
<ol style="list-style-type:lower-latin;">
<li>To import the found typesetting locations as bookmarks, click on ''Macros > Import bookmarks from file'' and pick the .TSChapters.txt saved alongside the release you are comparing.</li>
<li>Repeat this for every other release you are comparing. <span style="color:gray; font-size:80%; line-height:1em;">This is important because you not only want to compare the TS group A did, but also the TS group B did and group a didn't.</span></li>
<li>Take note that the typesetting detection is very crude and timecodes are somewhat inaccurate, therefore the typesetting may appear a frame before/after the bookmark or e.g. only starts fading in at the bookmark locations. Therefore it's vital to go trough the bookmarks and move them around to get useful screenshots. <span style="color:gray; font-size:80%; line-height:1em;">To remove a bookmark, just press <span style="color:navy;">Ctrl+B</span> at the bookmarked location (frame number in red)</span></li></ol></li>

<li>To unload fonts after you are done with your comparison, run the script with
<pre style="color:brown;">ExRelease "X:\SomePath\To Love Ru Darkness" -unload</pre></li></ol>
<br />
<span style="color:gray;">'''Addendum:''' The script offers a number of advanced parameters that let you customize your workflow. Run</span>
<pre style="color:brown;">Get-Help ExRelease -detailed</pre>
<span style="color:gray;">in PowerShell to display its internal help file.</span>

==<span style="color:green;">MPC-HC + madVr</span>==
'''Display Ratio Safe?''' YES <br />

'''Cons:''' Cannot take screens of video with a resolution higher than your desktop. (Can possibly be fixed if you can change your resolution temporally)

'''Extra Utilities:''' [http://www.irfanview.com/ IrfanView] ''(Eliminates need to manually crop images)''

'''Open up IrfanView and type the 'C' key to open up the capture dialog''' ''([http://i.minus.com/iJCy977FwpEKX.png link])''
Change the settings to match the example image. You can of course use a hot-key combination of your choosing and the file name can be ignored as you should be renaming after each capture you take.

'''Press 'Start' and IrfanView should minimise'''

'''Open up your video in MPC and find a good scene'''
Make sure your video is displaying at its display resolution (Or at least change it back before the next step).
Use [http://wiki.bakabt.me/index.php/Screenshots#General_seeking_tips general seeking tips]. Ctrl+Right Arrow Key is MPC's default frame step key.
(Backward stepping using the Left Arrow Key can sometimes do multiple frames)

'''Found that frame? Type the '1' key to change to MPC's minimal view''' ''([http://i.minus.com/ibcNQlQgJdlTzv.png before], [http://i.minus.com/iHhGoEEBYpwgW.png after])''
(To revert back to the default view, type '3')
This step eliminates the need to crop the screenshots to the correct size.
If your desktop is the same resolution as your video, you WILL need to use full-screen mode (Ctrl+Enter)

'''Type the IrfanView hot-key you setup earlier''' ''(Alt+F in example image)''
Make sure the entire video is displayed on-screen, if you have positioned your window at the edge of your desktop and is cutting off, the capture will be cut off too.

'''Check the destination directory you told IrfanView to save your screenshots to[/size]''' ''([http://i.minus.com/iDrqoTOXZ0Rjd.png link])''
Your screenshot should be in that folder (Double check hot-key and destination if not).
Rename the file now in order to prevent confusion later, '## group timestamp' is a good idea.
'''Repeat the process as necessary.'''

==<span style="color:green;">mpv</span>==
<ul><li>Don't take screenshots with the default keybindings, it degrades quality</li>
<li>Don't take screenshots with the opengl-hq profile alone. It activates debanding.</li>
<li>Deactivate debanding by setting [https://mpv.io/manual/master/#options-deband --deband=no] in mpv.conf</li>
<li>Set screenshot key to "KEY scnreenshot window" (e.g. "s screenshot window") in input.conf</li>
<li>Make sure to leave the window at the original size. Don't resize it.</li>
<li>Make sure to set [https://mpv.io/manual/master/#options-screenshot-format --screenshot-format=png]</li>
</ul>

To always take screenshots in 8bit:
<ul><li>In your mpv.conf file set [https://mpv.io/manual/master/#options-screenshot-high-bit-depth --screenshot-high-bit-depth=no]</li>
<li>Not doing that may result in images larger than 8MB. Bakashots dislikes those</li>
</ul>

Credit: [https://bakabt.me/user/671109/der-richter der_richter]

==<span style="color:green;">General seeking tips</span>==

Find a frame suitable to convey significant information about an aspect of video quality.

'''Pick:'''

- one or two frames of a structure that represents what is on the screen most of the episode (to give a general idea about the video quality)
- frames from dark scenes
- high-detail frames / frames with fine structures
- frames with low contrast
- frames from high-motion scenes
- a frame or two from a fade-in/fade-out
- frames that display video artifacts in one ore more releases (refer to this thread on how to spot and identify video artifacts)
- at least one frame from the OP and one frame from the ED

=Hosting Images=
You probably want to use [http://bakashots.me/ our image server]. If for some reason that doesn't suit you, take a look at these other options:

{{:Image hosts}}

=Adding Screenshots=
Adding these tags will not do anything to your description, instead it will add screenshots just below your description using a lightbox viewer for easy viewing. If using HTML code, screenshot tags may be placed inside or outside the <tt><html></tt> tags, there is no difference in parsing either way.

[screenshot]screenshot code goes here[/screenshot]
:Inserts screenshot thumbnails below the description. Thumbnails are resized to 150 pixels in width by default.

[screenshot=200]screenshot code goes here[/screenshot]
:Inserts screenshot thumbnails 200 pixels wide below the description. Change 200 to the pixel width of your screenshot thumbnails as necessary.

You can add more than one block of screenshots, possibly with different size thumbnails.

[img]link to image[/img]
:Will add one image. You can add as many as you like.

[url=link to image][img]link to thumbnail[/img][/url]
:Allows you to explicitly define your own thumbnail images. If no thumbnail image is supplied it will use the linked image and resize it to whatever width is supplied for the thumbnail.

'''NOTE: Screenshots will not show up in the Sandbox; you have to go to the torrent description page in order to view them.'''

If thumbnail images are not used, the big images are loaded first, then resized to thumbnail-size on your screen. This makes image-loading really slow, and also make scrolling laggy, so as far as possible supply thumbnail images or use an image-host that [[Screenshots#Hosting_Images|auto-generates]] them.

==BakaSHOTS Images==
For details on how to insert images hosted on BakaSHOTS into descriptions, please see here: [[BBCode#BakaSHOTS]].

Screenshots

2017-02-25T13:25:55Z

Der richter: mention input.conf

This article is aimed at providing useful information regarding adding screenshots to your description and the software used.

Adding screenshots to your description is necessary, as it's meant to preview the video and subtitle quality for the torrent. For that reason when taking screenshots they must be in source resolution, PNG (lossless) format, unless the video is anamorphic in which case they need to be in display resolution.

__TOC__
<tt style="color:gray; font-size:80%; float:right;">r10 - 2013-08-23</tt>
=Taking Screenshots=
# <span style="font-size:140%;"><span style="color:green;">Recommended:</span> AvsPmod</span> (& AviSynth, Dither)
#: Most flexible solution, but requires a few steps to set up.
#:* + using Firesledge's script provided in this thread pretty much guarantees the screenshots to be the most faithful representation of the source
#:* + high quality scaling for comparing releases with different frame dimensions
#:* + AvsPmod provides efficient and convenient ways to compare multiple releases and batch export screenshots
#:* - rendering subtitles requires them to be demuxed from the release
# <span style="font-size:140%;"><span style="color:green;">Good:</span> MPC-HC + madVr</span>
#: Easy to set up solution that doubles as THE high quality video playback solution on Windows, but not as convenient as method #1
#:* + video quality on par with the AviSynth method
#:* + easy to set up (install CCCP) and use (like a media player), doesn't require any demuxing or indexing
#:* - does not supporting scaled screenshots for comparing releases with different frame dimensions
#:* - not as well suited (or intended) as AvsPmod for more extensive comparisons, comparing releases side-by-side possible but cumbersome
# <span style="font-size:140%;"><span style="color:green;">Good:</span> mpv</span> (-vo opengl-hq; use at least version 0.1.0)
#: Cross-platform solution also available on Mac OS X and Linux, not as convenient as method #1
#:* + easy to set up and use if you're familiar with the command line
#:* + access to advanced configuration options and quite powerful video filters for a video player
#:* - video quality very slightly inferior to methods #1 and #2
#:* - not as well suited (or intended) as AvsPmod for more extensive comparisons, comparing releases side-by-side possible but cumbersome
# <span style="font-size:140%;"><span style="color:orange;">Avoid:</span> MPC-HC + EVR CP</span>
#: Default setup when installing CCCP or MPC-HC/BE.
#:* ! not a fault of EVR in and by itself, but an all too common error source: uses video "enhancement" features of your video card driver which actually destroys the video (and your screenshots) in several ways, including but not limited to:
#:** fucking up colors,
#:** adding ugly sharpening,
#:** creating sugoi banding, and
#:** other artifacts.
#::If you absolutely have to use the EVR renderer for taking screenshots, '''make sure''' all video enhancement options of your graphics card driver are turned off
#:* - possible pixel shift to the left (tested on recent NVidia drivers)
#:* - slightly inferior video quality compared to madVr (defaults to bilinear chroma upscaling, random dithering using lav video decoder)
# <span style="font-size:140%;"><span style="color:red;">Do not EVER use:</span> VLC</span>
#: Atrocious video player with terrible video quality
#:* - uses wrong matrix for RGB conversion (results in wrong colors)
#:* - uses point upscaling for chroma planes
#:* - introduces strong banding
#:* - all the other bugs (including some that haven't been fixed in years) make it equally unsuitable media player. Seriously, stop using VLC!
# <span style="font-size:140%;"><span style="color:red;">Do not use <span style="font-size:60%;">until further notice</span>:</span> FFmpeg</span>
#: Versatile command line video/audio processing tool unsuitable for taking screenshots
#:* - incorrectly uses BT.601 matrix for all content (results in wrong colors)
#:* - colormatrix filter causes strong banding
#:* - uses point upscaling for chroma planes and ordered dithering (low video quality)
#:* - not practical doing screenshot comparisons (as a standalone tool), doesn't seem to be able to take frame numbers as seek points

==<span style="color:green;">AvsPmod</span>==
===Required Components===
====Basic requirements====
{| class="wikitable"
|-
! '''Software'''
! '''Version'''
!
|-
| AviSynth
| 2.6a4
| [http://sourceforge.net/projects/avisynth2/files/AviSynth_Alpha_Releases/AVS%202.6.0%20Alpha%204%20%5B130114%5D/AviSynth_130114.exe Download]
|-
| AvsPmod
| 2.5.1 (+upd. library)
| [https://github.com/AvsPmod/AvsPmod/releases Download]
|-
| FFMS2
| r743 (10bithack)
| [http://nmm.me/vh Download]
|-
| FFMS2 (H265 compatible)
| ?
| [http://www.nmm-hd.org/upload/get~BLsLZwgj5ps/ffms2-6e0d654+a9fe004-ffmpeg-1e4d049.7z Download]
|-
| Dither Avisynth Tools
| 1.23.0
| [http://ldesoras.free.fr/src/avs/dither-1.23.0.zip Download]
|-
| Masktools
| 2.0a48 for 2.6a4 (06_taro)
| [http://tmod.nmm-hd.org/Misc/mt_masktools-26-for-2.6alpha4.7z Download]
|-
| xy-vsfilter
| 3.0.0.232 (cccp)
| [https://github.com/Cyberbeing/xy-VSFilter/releases Download]
|-
| FFInfoEx
| r1
| [https://mega.nz/#!ghNk2BZL!l203Hqya2RqziIidwLKS7uDHXwetfSKQCtpp4WiOHqA Download]
|}

This tutorial also assumes you're running a '''fully updated Windows 7/8''' machine with all recent VC++ distributables, .net Frameworks and whatnot. Things probably also work on Vista/XP and you might even get them to run with Wine on Linux, but you're on your own. The H265 compatible version should work as well as the old version, however if you have problems and don't need to compare H265 then use the old one.

====Additional requirements <span style="font-size:70%; font-weight:normal;">for the subtitle extraction script</span>====

{| class="wikitable"
|-
! '''Software'''
! '''Version'''
!
|-
| Windows Powershell
| 3.0
| [http://download.microsoft.com/download/E/7/6/E76850B8-DA6E-4FF5-8CCE-A24FC513FD16/Windows6.1-KB2506143-x86.msu Download (x86)] / [http://download.microsoft.com/download/E/7/6/E76850B8-DA6E-4FF5-8CCE-A24FC513FD16/Windows6.1-KB2506143-x64.msu Download (x64)]
<span style="font-size:80%;">Installed by default on Win 8, Win 7 SP1 users need to upgrade.<br />
No XP/Vista support.</span>
|-
| Microsoft .NET Framework
| 4.5
| [http://download.microsoft.com/download/B/A/4/BA4A7E71-2906-4B2D-A0E1-80CF16844F5F/dotNetFx45_Full_setup.exe Download] <span style="font-size:80%;">(Prerequisite for Powershell 3)</span>
|-
| MKVToolNix
| 6.3.0
| [http://www.downloadbestsoft.com/download/mkvtoolnix-unicode-6.3.0-1-setup.exe Download]
|-
| SIL FontUtils
| 1.00
| [http://scripts.sil.org/cms/scripts/render_download.php?format=file&media_id=TTFontUtils_1_00&filename=TTFontUtils_1_00.exe Download]
|-
| ExRelease
| 0.9.5
| [https://github.com/line0/ExRelease/releases/ Download]
|}

===Setting thing up the environment===
<ol><li>Install AviSynth</li>

<li>Open your AviSynth plugins directory in Explorer<br />
Unless you changed the the AviSynth install location, your plugins directory should be<br />
<span style="color:gray; font-size:80%; line-height:1em;">(enter these into your explorer location bar):</span>
<ul><li>[On 64-bit Windows] <tt><span style="color:blue">%ProgramFiles(x86)%\AviSynth 2.5\plugins</span></tt></li>
<li>[On 32-bit Windows] <tt><span style="color:blue">%ProgramFiles%\AviSynth 2.5\plugins</span></tt></li></ul>
There should be only 3 files inside the directory: <tt><span style="color:blue">colors_rgb.avsi</span></tt>, <tt><span style="color:blue">DirectShowSource.dll</span></tt>, <tt><span style="color:blue">TCPDeliver.dll</span></tt></li>

<li>Open the Dither Avisynth Tools archive (<tt><span style="color:blue">dither-1.22.1.zip</span></tt>) and unpack the following files to your AviSynth plugin directory:
<ul><li><tt><span style="color:blue">avstp.dll</span></tt></li>
<li><tt><span style="color:blue">dither.avsi</span></tt></li>
<li><tt><span style="color:blue">dither.dll</span></tt></li>
<li><tt><span style="color:blue">mt_xxpand_multi.avsi</span></tt></li></ul>
<span style="color:gray; font-size:80%; line-height:1em;">The docs folder inside the archive contains detailed documentation on the dither tools, so you might want to extract this to your AviSynth Docs directory or anywhere else you'll find it in case you need it later</span></li>

<li>Open the downloaded ffms2 archive and extract the contents into your Avisynth plugin directory
<ul><li><tt><span style="color:blue">ffms2.dll</span></tt></li>
<li><tt><span style="color:blue">ffmsindex.exe</span></tt></li></ul></li>

<li>Open the downloaded masktools archive and extract <tt><span style="color:blue">mt_masktools-26.dll</span></tt> to your AviSynth plugin directory</li>

<li>Open the downloaded AvsPmod archive and extract the <tt><span style="color:blue">AvsPmod</span></tt> folder to:
<ul><li>On 64-bit Windows: <tt><span style="color:blue">%ProgramFiles(x86)%</span></tt></li>
<li>On 32-bit Windows: <tt><span style="color:blue">%ProgramFiles%</span></tt></li></ul>
Create a shortcut to <tt><span style="color:blue">avspmod.exe</span></tt>, or pin it to the taskbar/start menu</li>

<li>Copy the downloaded <tt><span style="color:blue">VSFilter.dll</span></tt> and <span style="color:blue">FFInfoEx.avsi</span> to your Avisynth plugin directory</li></ol>

===Getting started with screenshot comparisons===
<ol><li>Start AvsPmod and open the settings dialog (''Options > Program settings'')
<ol style="list-style-type:lower-latin;">
<li>On the ''User Sliders'' tab check ''Hide slider window by default'' (The slider window usually only gets in the way)</li>
<li> If you are using more than one screen, it's usually wise to check the ''Seperate preview window'' option, so you can have one screen dedicated to the video and one to the script</li>
<li>On the Misc tab, uncheck the ''Show warning for bad plugin naming at startup'' option</li></ol></li>

<li>Go to ''Options > Snippets'' and click on ''Insert''. Insert the following script template as snippet and give it a tag you will remember<br />
<span style="color:gray; font-size:80%; line-height:1em;">(Script by Firesledge with a few additions)</span></li>

<tt>
vidfile="<span style="color:brown">VIDEOFILE</span>"
subfile=""

c1 = FFVideoSource (vidfile, enable10bithack=false)
c2 = FFVideoSource (vidfile, enable10bithack=true, varprefix="c1_")
w = c1.Width ()
h = c1.Height ()
wm4 = (w + 3) / 4 * 4
hm4 = (h + 3) / 4 * 4
b10 = (c2.Height () > c1.Height ())

<span style="color:brown">
target_width = w
target_height = h</span>
display_timecode = false
display_subtitles = true
group = "<span style="color:brown">GROUPNAME</span>"

matrix = (c1_FFCOLOR_SPACE == 1) ? "709"
\ : (c1_FFCOLOR_SPACE >= 5) ? "601" : Dither_undef ()
par = (c1_FFSAR_NUM > 0 && c1_FFSAR_DEN > 0)
\ ? Float (c1_FFSAR_NUM) / Float (c1_FFSAR_DEN)
\ : Dither_undef ()
tv_range = (c1_FFCOLOR_RANGE != 2)

(b10) ? c2 : c1

(StrLen(subfile) > 0 && display_subtitles) ?
\ (b10) ? Dither_limit_dif16(DitherPost(mode=-1).TextSub(subfile).Dither_convert_8_to_16 (), thr=1.0, elast=2.0) : TextSub(subfile)
\: nop()

(VersionNumber () >= 2.6) ? last
\ : (b10) ? Dither_addborders16 (0, 0, wm4 - w, hm4 - h)
\ : AddBorders (0, 0, wm4 - w, hm4 - h)

(target_width != c1.Width() || target_height != c1.Height()) ? Dither_srgb_display (lsb_in=b10, matrix=matrix, par=par, tv_range=tv_range, w=target_width, h=target_height)
\ : Dither_srgb_display (lsb_in=b10, matrix=matrix, par=par, tv_range=tv_range)

cmt = (target_width > c1.Width() || target_height > c1.Height()) ? group + "\nupscaled" : group
FFInfoEx(vfrtime=display_timecode, cfrtime=false, frametype=false, x=last.width-6, y=4, cmt=cmt, align=9, shorttime=true)
</tt>

<li>Now that you're all set, let's load the videos to compare.
<ol style="list-style-type:lower-latin;">
<li>Click into the empty script window and hit <span style="color:navy">F7</span> to get a list of your snippets. Since there's only the one snipped you just created, hit <span style="color:navy">TAB</span> to insert it</li>
<li>Replace <tt><span style="color:brown">VIDEOFILE</span></tt> in the first line with the full path to an episode <span style="color:gray; font-size:80%; line-height:1em;">(e.g. Z:\ScreenCompare\ZSZS\[gg]_Zan_Sayonara_Zetsu bou_sensei_-_02_[DB36C966].mkv)</span> of the first release you want to compare and <tt><span style="color:brown">GROUPNAME</span></tt> in the last line with the appropriate group tag</li>
<li>Hit <span style="color:navy">F5</span> to load (or refresh) the video. Loading a file for the first time might take a few seconds, since the file is being indexed first.</li>
<li>Save the script</li>
<li>Hit <span style="color:navy">Ctrl+N</span> or double click next to the current tab to open a new script tab</li>
<li>Repeat from Step '''3a'''</li></ol></li>

<li>Syncing up the releases (easymode)
<ol style="list-style-type:lower-latin;">
<li>Check if the video of all releases matches up, by going through them with Alt+1, Alt+2, Alt+3, ...<br />
The best way to do is is to seek to the last frame before a scene change, check if it matches up across tabs, then seek to the next frame and check again<br />
<span style="color:gray; font-size:80%; line-height:1em;">(Seek by using the arrow keys (<span style="color:navy">left/right</span>: 1 frame; <span style="color:navy">up/down</span>: 1 second) or clicking the timeline for larger time distances)</span><br /><br />
'''Note: ''' You may find out that not all subsequent frames match up or worse, the releases running out of sync over time. If it's only single frames, just avoid using them for screenshots.
In case of releases running out of sync, you're dealing with either missing sections or different frame rates. Refer to the <span style="color:gray">[Advanced Tutorial TBD]</span> on how to deal with those cases.</li>
<li>Once all releases you want to compare are in sync, right click their tabs and add them to a single group. Make sure the ''Apply offsets'' and ''Offset also bookmarks'' options are checked.<br />
<span style="color:gray; font-size:80%; line-height:1em;">AvsPmod will now remember the frame offsets between tabs and automatically seek to the right frames on a shared timeline.</span></li></ol></li>

<li><ol style="list-style-type:lower-latin;">
<li>To reasonably compare screenshots, we need all frame sizes to be of the same resolution. You should have noticed any differences already while syncing up the releases.<br />
If all resolutions match, skip this step. If they don't, find out the highest resolution by looking at the bottom right of the status bar.<br />
<span style="color:gray; font-size:80%; line-height:1em;">The information will be in the following format: FrameWidth x FrameHeight (AspectRatio) - Framerate fps - Colorspace</span></li>
<li>Take the largest width and height among the releases and find the following section in the scripts for all releases that need to be resized:
<pre style="color:brown">target_width = w
target_height = h</pre>
Replace <span style="color:brown">w</span> with the largest FrameWidth and <span style="color:brown">h</span> with the largest FrameHeight</li>
<li>Hit <span style="color:blue">F5</span> to refresh the video preview and confirm everything works as expected.</li>
</ol></li>

<li>Select frames for the screenshot comparison
<ol style="list-style-type:lower-latin;">
<li>Find a frame suitable to convey significant information about an aspect of video quality.<br />
Pick:
<ul><li>one or two frames of a structure that represents what is on the screen most of the episode (to give a general idea about the video quality)</li>
<li>frames from dark scenes</li>
<li>high-detail frames / frames with fine structures</li>
<li>frames with low contrast</li>
<li>frames from high-motion scenes</li>
<li>a frame or two from a fade-in/fade-out</li>
<li>frames that display video artifacts in one ore more releases <span style="font-size:80%; line-height:1em;"><span style="color:gray;">(refer to </span>[http://forums.bakabt.me/index.php?topic=32193 this]<span style="color:gray"> thread on how to spot and identify video artifacts)</span></span></li>
<li>at least one frame from the OP and one frame from the ED</li></ul>
<span style="color:gray; font-size:80%; line-height:1em;">Try to get as many B-Frames as possible. Ideally you'd want matching frame types across the different releases.<br />In practice checking this gets more of a waste of time with each additional release you have to compare. Just try to keep the number of B-to-I comparisons low and make sure you don't pick only B-Frames for one release and only P-Frames for the other.<br />A very easy way to avoid this issue is to not pick frames by only looking at one release. This comes with the added benefit of you being more likely to spot video artifacts in ALL releases.<br />(Check the overlay on the top right of the video frame to find the frame type of the current frame.)</span></li>
<li>Once you've decided on a frame, hit <span style="color:navy">Ctrl+B</span> to bookmark it.</li>
<li>Repeat from '''6a '''for each additional frame<br />
<span style="font-size:80%; line-height:1em;"><span style="color:gray">If you want to check the frames you already bookmarked, hit <span style="color:navy">F2</span>/<span style="color:navy">Shift+F2</span> to browse through your bookmarks</span></span></li></ol></li>

<li>Export screenshots
<ol style="list-style-type:lower-latin;">
<li>Once you're done deciding on frames to screenshot (10-15 is a good number), it's time to export them to PNG.<br />
Go to ''Macros > Save image sequence'' (make sure ''Select frames'' is set to "Bookmarks" and ''Output format'' to "*.png")</li>
<li>Pick an output directory and basename.<br />
I recommend using the basename format <tt>%06d_Groupname</tt>. This way your screenshots will (almost) always sort to comparison-friendly order by default. Make sure ''Add the frame number as suffix'' is checked when using <tt>%06d</tt>, otherwise it only counts up rather than inserting the current frame number.<br />
:::<span style="color:gray; font-size:80%; line-height:1em;">Example of Directory+Basename: Z:\ScreenCompare\Out\%06d_Zurako
You may also want want to check the ''Use always this directory'' option since you need to run this macro for each release seperately.</span></li>
<li>Click <span style="color:navy">OK</span>. You'll get a confirmation once the export is done.</li>
<li>Repeat from step '''7a''' for every open tab/release</li>
</ol>
</li></ol>

===Setting up the ExRelease extraction script===
<ol><li>Open Notepad or a text editor of your choice and type <tt>;</tt>.</li>

<li>Install MKVToolNix and copy the path to the destination folder into your notepad document.
<ol style="list-style-type:lower-latin;">
<li>Append a <tt>;</tt> to your notepad document. The contents should now look like this:</li>
;<span style="color:blue">C:\Program Files (x86)\MKVToolNix</span>;
</ol></li>

<li>Install FontUtils and make sure the ''Add installation directory to PATH'' option is checked</li>

<li>Remember your AviSynth plugin directory from the first tutorial? Copy its path to your notepad document and append another ";"<br />
Unless you changed the the AviSynth install location, your plugins directory should be<br />
<span style="color:gray; font-size:80%; line-height:1em;">(enter these into your explorer location bar to make them resolve to full paths)</span>:
<ul><li>[On 64-bit Windows] <tt><span style="color:blue">%ProgramFiles(x86)%\AviSynth 2.5\plugins</span></tt></li>
<li>[On 32-bit Windows] <tt><span style="color:blue">%ProgramFiles%\AviSynth 2.5\plugins</span></tt></li></ul>
Make sure you append the full path to your notepad document, so it looks like this:</li>
;<span style="color:blue">C:\Program Files (x86)\MKVToolNix</span>;<span style="color:blue">C:\Program Files (x86)\AviSynth 2.5\plugins</span>;

<li>Unpack the ExRelease archive to
<ul><li><tt><span style="color:blue">%userprofile%\Documents\WindowsPowerShell\Modules</span></tt></li></ul></li>

<li>To make the tools you just installed available to the script and the script conveniently available from everywhere, we need to add their locations to your '''PATH '''environment variable
<ol style="list-style-type:lower-latin;">
<li>Hit <span style="color:navy">Win+Pause</span> to open the System Control Panel</li>
<li>Click on ''Advanced System Settings'' <span style="color:gray; font-size:80%; line-height:1em;">(on the left sidebar)</span>, which should open the ''System Properties'' Window</li>
<li>Click on ''Environment Variables''</li>
<li>Browse the ''System variables'' until you find the '''Path''' variable. Highlight it and click on ''Edit...''</li>
<li>Click into the ''Variable value'' input field, and hit the <span style="color:navy">End</span> key to move the cursor behind the last entry (which should be your FontUtils path)</li>
<li>Append the contents of your notepad document and hit <span style="color:navy">Enter</span></li>
<li>Click ''OK ''on the ''Environment Variables'' and ''System Properties'' to save the settings</li>
</ol></li>

<li>Run Windows PowerShell (you'll find it in the programs menu)
<ol style="list-style-type:lower-latin;">
<li>Make sure you are running at least Powershell v3.0. Type
<pre style="color:brown">$PSVersionTable.PSVersion</pre>
into the command prompt and hit enter. If the number under ''Major ''says 3, you're good to go (continue with step '''8''')</li>
<li>If it doesn't, install
<ul><li>[On 64-bit Windows] <span style="color:blue">Windows6.1-KB2506143-x64.msu</span></li>
<li>[On 32-bit Windows] <span style="color:blue">Windows6.1-KB2506143-x86.msu</span></li></ul>
If the update fails with ''"The update is not applicable to your computer"'', you need to install the .NET Framework 4.5 (<span style="color:blue">dotNetFx45_Full_setup.exe</span>) first.<br />
<span style="color:gray; font-size:80%; line-height:1em;">You may need to restart your computer after installing Powershell 3.</span><br />
Open Windows PowerShell again and run
<pre style="color:brown">$PSVersionTable.PSVersion</pre>
to confirm you are now running version 3</li></ol></li>

<li>Next, we have to change the execution policy to allow running unsigned scripts. To do this, run
<pre style="color:brown">Set-ExecutionPolicy Bypass -Scope CurrentUser</pre>
and confirm with <span style="color:navy">Y</span>. With this preparations to run the ExRelease script are done.</li></ol>

===Using the ExRelease script to take screenshots with subtitles/typesetting===
The ExRelease script automates a number of thigs you'd otherwise have to do by hand:
<ul><li>Demuxes subtitles from .mkv files</li>
<li>Extracts attached fonts softsubbed releases <span style="color:gray; font-size:80%; line-height:1em;">(which are required to render the subtitles correctly)</span></li>
<li>Looks for typesetting inside extracted .ass subtiles and writes a text file, which can be imported as bookmarks in AvsPmod</li>
<li>Loads extracted fonts into memory to make them available to the subtitle renderer</li>
<li>Finds the highest resolution of the releases you want to compare</li>
<li>Writes an AviSynth script with all important parameters already set, so you can start taking screenshots right away</li></ul>
<br />
<ol><li>Open PowerShell</li>
<li>Move or copy all releases you want to compare with each other to a separate folder. The script works on whole directories, so every .mkv file in the folder is going to be processed.</li>
<li>Run the script by typing
<pre style="color:brown;">ExRelease "X:\SomePath\To Love Ru Darkness"</pre>
<span style="color:gray; font-size:80%; line-height:1em;">(Substitute for your comparison directory, of course.)
You can use the <span style="color:navy;">Tab</span> key to auto-complete directories or just type "<span style="color:brown;">ExRelease</span>" and drag/drop the folder into PowerShell to insert its path.</span>
The script will now process your files and also create indexes, so it's time to go to the fridge and grab a beer.</li>

<li>When the script is done it will ask you if you want it to load fonts now. Answer with <span style="color:navy;">Y</span> for yes.<br />
Fonts remain loaded in memory for the duration of the session <span style="color:gray; font-size:80%; line-height:1em;">(that means until you log out or shut down the computer)</span>.
<ol style="list-style-type:lower-latin;">
<li><span style="color:gray; font-size:80%; line-height:1em;">In case you want to (continue) work on the screenshot comparison after a logout or reboot, run the script again with</span>
<pre style="color:brown;">ExRelease "X:\SomePath\To Love Ru Darkness" -load</pre></li></ol></li>

<li>Open the generated .avs scripts <span style="color:gray; font-size:80%; line-height:1em;">(which reside next to the .mkv files)</span> in AvsPmod.<br />
<span style="color:gray; font-size:80%; line-height:1em;">If everything went right, all releases should display at the same resolution, subtitles should now be rendered on the frames, and the releases should now have the appropriate group tag next to the frame numbers.</span></li>

<li>To save you the effort of finding typesetting to compare, ExRelease has already done that for you.
<ol style="list-style-type:lower-latin;">
<li>To import the found typesetting locations as bookmarks, click on ''Macros > Import bookmarks from file'' and pick the .TSChapters.txt saved alongside the release you are comparing.</li>
<li>Repeat this for every other release you are comparing. <span style="color:gray; font-size:80%; line-height:1em;">This is important because you not only want to compare the TS group A did, but also the TS group B did and group a didn't.</span></li>
<li>Take note that the typesetting detection is very crude and timecodes are somewhat inaccurate, therefore the typesetting may appear a frame before/after the bookmark or e.g. only starts fading in at the bookmark locations. Therefore it's vital to go trough the bookmarks and move them around to get useful screenshots. <span style="color:gray; font-size:80%; line-height:1em;">To remove a bookmark, just press <span style="color:navy;">Ctrl+B</span> at the bookmarked location (frame number in red)</span></li></ol></li>

<li>To unload fonts after you are done with your comparison, run the script with
<pre style="color:brown;">ExRelease "X:\SomePath\To Love Ru Darkness" -unload</pre></li></ol>
<br />
<span style="color:gray;">'''Addendum:''' The script offers a number of advanced parameters that let you customize your workflow. Run</span>
<pre style="color:brown;">Get-Help ExRelease -detailed</pre>
<span style="color:gray;">in PowerShell to display its internal help file.</span>

==<span style="color:green;">MPC-HC + madVr</span>==
'''Display Ratio Safe?''' YES <br />

'''Cons:''' Cannot take screens of video with a resolution higher than your desktop. (Can possibly be fixed if you can change your resolution temporally)

'''Extra Utilities:''' [http://www.irfanview.com/ IrfanView] ''(Eliminates need to manually crop images)''

'''Open up IrfanView and type the 'C' key to open up the capture dialog''' ''([http://i.minus.com/iJCy977FwpEKX.png link])''
Change the settings to match the example image. You can of course use a hot-key combination of your choosing and the file name can be ignored as you should be renaming after each capture you take.

'''Press 'Start' and IrfanView should minimise'''

'''Open up your video in MPC and find a good scene'''
Make sure your video is displaying at its display resolution (Or at least change it back before the next step).
Use [http://wiki.bakabt.me/index.php/Screenshots#General_seeking_tips general seeking tips]. Ctrl+Right Arrow Key is MPC's default frame step key.
(Backward stepping using the Left Arrow Key can sometimes do multiple frames)

'''Found that frame? Type the '1' key to change to MPC's minimal view''' ''([http://i.minus.com/ibcNQlQgJdlTzv.png before], [http://i.minus.com/iHhGoEEBYpwgW.png after])''
(To revert back to the default view, type '3')
This step eliminates the need to crop the screenshots to the correct size.
If your desktop is the same resolution as your video, you WILL need to use full-screen mode (Ctrl+Enter)

'''Type the IrfanView hot-key you setup earlier''' ''(Alt+F in example image)''
Make sure the entire video is displayed on-screen, if you have positioned your window at the edge of your desktop and is cutting off, the capture will be cut off too.

'''Check the destination directory you told IrfanView to save your screenshots to[/size]''' ''([http://i.minus.com/iDrqoTOXZ0Rjd.png link])''
Your screenshot should be in that folder (Double check hot-key and destination if not).
Rename the file now in order to prevent confusion later, '## group timestamp' is a good idea.
'''Repeat the process as necessary.'''

==<span style="color:green;">mpv</span>==
<ul><li>Don't take screenshots with the default keybindings, it degrades quality</li>
<li>Don't take screenshots with the opengl-hq profile alone. It activates debanding.</li>
<li>Deactivate debanding by setting [https://mpv.io/manual/master/#options-deband --deband=no] in mpv.conf</li>
<li>Set screenshot key to "KEY scnreenshot window" (e.g. "s screenshot window") in input.conf</li>
<li>Make sure to leave the window at the original size. Don't resize it.</li>
</ul>

To always take screenshots in 8bit:
<ul><li>In your mpv.conf file set [https://mpv.io/manual/master/#options-screenshot-high-bit-depth --screenshot-high-bit-depth=no]</li>
<li>Not doing that may result in images larger than 8MB. Bakashots dislikes those</li>
</ul>

Credit: [https://bakabt.me/user/671109/der-richter der_richter]

==<span style="color:green;">General seeking tips</span>==

Find a frame suitable to convey significant information about an aspect of video quality.

'''Pick:'''

- one or two frames of a structure that represents what is on the screen most of the episode (to give a general idea about the video quality)
- frames from dark scenes
- high-detail frames / frames with fine structures
- frames with low contrast
- frames from high-motion scenes
- a frame or two from a fade-in/fade-out
- frames that display video artifacts in one ore more releases (refer to this thread on how to spot and identify video artifacts)
- at least one frame from the OP and one frame from the ED

=Hosting Images=
You probably want to use [http://bakashots.me/ our image server]. If for some reason that doesn't suit you, take a look at these other options:

{{:Image hosts}}

=Adding Screenshots=
Adding these tags will not do anything to your description, instead it will add screenshots just below your description using a lightbox viewer for easy viewing. If using HTML code, screenshot tags may be placed inside or outside the <tt><html></tt> tags, there is no difference in parsing either way.

[screenshot]screenshot code goes here[/screenshot]
:Inserts screenshot thumbnails below the description. Thumbnails are resized to 150 pixels in width by default.

[screenshot=200]screenshot code goes here[/screenshot]
:Inserts screenshot thumbnails 200 pixels wide below the description. Change 200 to the pixel width of your screenshot thumbnails as necessary.

You can add more than one block of screenshots, possibly with different size thumbnails.

[img]link to image[/img]
:Will add one image. You can add as many as you like.

[url=link to image][img]link to thumbnail[/img][/url]
:Allows you to explicitly define your own thumbnail images. If no thumbnail image is supplied it will use the linked image and resize it to whatever width is supplied for the thumbnail.

'''NOTE: Screenshots will not show up in the Sandbox; you have to go to the torrent description page in order to view them.'''

If thumbnail images are not used, the big images are loaded first, then resized to thumbnail-size on your screen. This makes image-loading really slow, and also make scrolling laggy, so as far as possible supply thumbnail images or use an image-host that [[Screenshots#Hosting_Images|auto-generates]] them.

==BakaSHOTS Images==
For details on how to insert images hosted on BakaSHOTS into descriptions, please see here: [[BBCode#BakaSHOTS]].

DO NOT UPLOAD

2015-10-13T13:09:43Z

Der richter: include new Disc Image formats other than DVDs

How to make an offer

2014-04-26T16:01:23Z

Der richter: Add additional information and related link requirements

How to make an offer

2014-04-26T15:37:29Z

Der richter: fixing inconstancy in the wiki

DO NOT UPLOAD

2012-10-21T13:13:24Z

Der richter: added umineko

DO NOT UPLOAD

2012-10-21T13:11:35Z

Der richter: added fairy tale S2, Space Battleship Yamato: Resurrection, Tenchi Muyo! War on Geminar, Akira

How to make an offer

2012-10-16T12:47:52Z

Der richter: edit music collection headline

How to make an offer

2012-10-16T12:41:43Z

Der richter: adding guideline for music collections

Offer Templates

2012-08-15T20:20:03Z

Der richter: minor update

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simplest Tabled Anime Template !! Twin Alpha Box Description !! Simple book with JS pages
|-
|-
| ||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
<span style="color:red; font-size:18px;">Please don't use following templates anymore. They are outdated.</span>

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T20:17:07Z

Der richter: changed order

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simplest Tabled Anime Template !! Twin Alpha Box Description !! Simple book with JS pages
|-
|-
| ||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T20:14:22Z

Der richter: moved to new section

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Twin Alpha Box Description !! Simple book with JS pages !! Simplest Tabled Anime Template
|-
|-
|[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]||
|-
|[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T20:09:22Z

Der richter: moved to new section

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T20:05:25Z

Der richter: moved to outdated

Offer Templates

2012-08-15T20:04:38Z

Der richter: moved to outdated

Offer Templates

2012-08-15T20:03:35Z

Der richter: moved to outdated

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T19:26:55Z

Der richter: moved to new section

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T19:23:20Z

Der richter: moved to new section

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T19:22:33Z

Der richter: added more

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=
Please don't use following templates anymore. They are outdated.

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

Offer Templates

2012-08-15T19:20:51Z

Der richter: added outdated templates

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

Most of these templates have been [http://bakabt.me/template.php ported over to the BakaBT template page] for your convenience. As such, working templates will be removed from the Wiki, access them from the template page instead.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://bakabt.me/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[http://wiki.bakabt.me/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.bakabt.me/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.

# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].
# [http://wiki.bakabt.me/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition|Choose]]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Choose]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://bakabt.me/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<tr>
<td class="label">References:</td>


<td class="text">
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> |
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://bakabt.me/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://bakabt.me/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers.
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man.
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas".
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre.
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] }
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] }
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] }
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://bakabt.me/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.me/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<a href="http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
</a>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
<br><br>
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
<br><br>
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
<br><br>
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://bakabt.me/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");
add_related("anime", "Dummy link", "#");

/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.me/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

[http://bakabt.me/template.php?id=Twin%20Alpha%20Box%20Anime%20Template Click here] to use

Back to [[Offer_Templates#Templates_preview|top]].

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.me/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://bakabt.me/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {text-align: left; padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("[bbtimg=1314]");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>
<center>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>

</center>
</body>
</html>
[url=http://wiki.bakabt.me/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.me/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://bakabt.me/template.php?id=Dille%27s%20Manga%20Template Click here] to use

===Msm595's Manga Template===
----

Submitted by: kiiller_man1

<pre>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type="text/css">
html, body, p, h1, ul {
margin: 0;
padding: 0;
}
body {
font-size: 14px;
height: 580px;
width: 940px;
color: #333;
text-shadow: 1px 1px #ccc;
font-family: Helvetica, Arial, sans-serif;
background-color: #f9f9f9;
}
#header {
text-align: center;
margin: 0 0 18px;
}
h1 {
font-family: Georgia, serif;
font-size: 28px;
text-shadow: 1px 1px 2px #aaa;
color: #444;
}
#links li {
display: inline;
padding: 0 5px 0 10px;
border-left: 1px solid #ccc;
}
#links li.first {
border-left: none;
}
a {
color: #FFB000;
text-decoration: none;
font-size: 16px;
text-shadow: none;
font-weight: bold;
}
a:hover {
color: #00B0FF;
}
#bigPicture {
width: 350px;
float: left;
text-align: center;
}
#bigPicture img {
max-width: 350px;
max-height: 490px;
/*ie6 max- fixes. does anyone even use ie6 anymore? it's not even supported by microsoft now... lol*/
width: expression(this.width > 350 ? (this.height > 490 ? true : 350): true);
height: expression(this.height > 490 ? 490: true);
}
#info {
float: left;
width: 565px;
margin-left: 25px;
}
h2 {
margin: 0 0 3px 0;
text-align: center;
font-size: 22px;
color: #444;
text-shadow: 1px 1px 1px #aaa;
}
dl {
margin: 0 0 12px;
}
dt {
font-weight: bold;
margin-top: 5px;
}
dd {
margin-left: 18px;
}
#screens {
clear: both;
padding: 25px 25px 0;
text-align: center;
}
#screens a {
display: inline-block;
margin-right: 12px;
border: 1px solid #bbb;
height: 200px;
padding: 5px;
vertical-align: bottom;
}
#screens a:hover {
border: 1px solid #444;
}
#screens img {
max-height: 200px;
border: none;
}
::-moz-selection{ background: #66A3D2; color:#fff; text-shadow: none; }
::selection { background:#66A3D2; color:#fff; text-shadow: none; }
</style>
</head>
<body>
<div id="header">
<h1>Negative Happy Chain Saw Edge</h1>
<h2>ネガティブハッピー・チェーンソーエッヂ</h2>
<ul id="links">
<li class="first"><a href="http://www.mangaupdates.com/series.html?id=19674">Manga Updates</a></li>
<li><a href="http://myanimelist.net/manga/5674/Negative_Happy_Chainsaw_Edge">My Anime List</a></li>
</ul>
</div>

<div id="bigPicture">
<img src="example/manga_cover.jpg" alt="Manga Picture" id="bigImage">
</div>

<div id="info">
<h2>Manga Information</h2>
<dl>
<dt>Year</dt>
<dd>2008</dd>
<dt>Volumes</dt>
<dd>2</dd>
<dt>Categories</dt>
<dd>Action, Ecchi, Romance, Shounen, Psychological</dd>
<dt>Artist</dt>
<dd>Saika, Junichi</dd>
<dt>Author</dt>
<dd>Takimoto, Tatsuhiko</dd>
<dt>Publisher</dt>
<dd>Shounen Ace</dd>
<dt>Scanlator</dt>
<dd>Moob</dd>
<dt>Comments</dt>
<dd>A great read :D</dd>
</dl>
<h2>Summary</h2>
<p>Eri Yukizaki is a girl who fights. She is a “pretty soldier.” Her foe is the evil Chainsaw-man, who doesn’t die even after being slashed. If he isn’t defeated, the world will have no future. I was wrapped into this battle, and my life has changed completely… A “non-stop” negative youth story! - MAL</p>
</div>

<div id="screens">
<a href="example/manga_cover.jpg" rel="lightbox"><img src="example/manga_covert.jpg" alt="manga screenshot"></a>
<a href="example/manga_1.jpg" rel="lightbox"><img src="example/manga_1t.jpg" alt="manga screenshot"></a>
<a href="example/manga_2.jpg" rel="lightbox"><img src="example/manga_2t.jpg" alt="manga screenshot"></a>
<a href="example/manga_3.jpg" rel="lightbox"><img src="example/manga_3t.jpg" alt="manga screenshot"></a>
<a href="example/manga_4.jpg" rel="lightbox"><img src="example/manga_4t.jpg" alt="manga screenshot"></a>
</div>

<script type="text/javascript">
var as=document.getElementById("screens").getElementsByTagName('a'),
img=document.getElementById('bigImage');

for(var i=0;i<as.length;i++) {
as[i].onmouseover = function() {
var im = new Image();
im.onload = function() {
img.height=img.height; //don't let the image get taller than the original
img.src=this.src;
};
im.src = this.href;
};
}
</script>
</body>
</html>
</pre>

Sample template image: [http://i51.tinypic.com/dfzo6t.jpg Image link]

=OST Templates=

===OST Template 1===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://bakabt.me/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://bakabt.me/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://bakabt.me/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://bakabt.me/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://bakabt.me/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

Sample torrent (slightly modified template): [http://bakabt.me/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]

===Simple ChalamiuS OST Template===
----
[http://bakabt.me/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://bakabt.me/offer.php Offers Page]

=Outdated Templates=