Difference between revisions of "AniDB:CSS styles"

From AniDB
Jump to navigation Jump to search
Line 15: Line 15:
 
* [[AniDB:Markup DEV]] - recent structural changes
 
* [[AniDB:Markup DEV]] - recent structural changes
 
* [[AniDB:CSS Dev]] - information on how to get the source of existing styles
 
* [[AniDB:CSS Dev]] - information on how to get the source of existing styles
 
==Banner==
 
These banner can be used for the following styles:
 
* anigoogle-menu
 
* aniblackle-menu
 
* anidbstyle2 (aka the default style)
 
 
To use one of these banner copy the css rules from the cell right next to the image into the '''usercss''' textbox in your [[profile]].
 
 
If you want to provide further banner send a message to '''nwa''' or '''derIdiot'''.
 
 
{|cellspacing="4" width="100%"
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:belgabor-style1-1400.png|600px|thumb|left|by: belgabor - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/belgabor-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style1-1100.png|600px|thumb|left|by: edekock - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style1-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style1-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style2-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style2-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style3-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style3-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style4-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style4-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style5-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style5-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style6-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style6-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style7-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style7-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style8-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style8-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style9-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style9-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style10-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style10-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style11-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style11-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style12-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style12-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style13-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style13-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style14-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style14-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style15-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style15-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style16-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style16-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style17-1400.png|600px|thumb|left|by: edekock - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style17-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style18-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style18-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style19-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style19-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style20-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style20-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style21-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style21-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style22-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style22-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style23-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style23-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:edekock-style24-500.png|600px|thumb|left|by: edekock - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/edekock-style24-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ee7-style1-1400.png|600px|thumb|left|by: ee7 - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ee7-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ee7-style2-1400.png|600px|thumb|left|by: ee7 - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ee7-style2-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ee7-style3-1400.png|600px|thumb|left|by: ee7 - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ee7-style3-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:g0rth0r-style1-1400.png|600px|thumb|left|by: g0rth0r - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/g0rth0r-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:hokai-style1-750.png|600px|thumb|left|by: hokai - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/hokai-style1-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kodachrome-style1-500.png|600px|thumb|left|by: kodachrome - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kodachrome-style1-750.png|600px|thumb|left|by: kodachrome - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kodachrome-style1-1100.png|600px|thumb|left|by: kodachrome - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kodachrome-style1-1400.png|600px|thumb|left|by: kodachrome - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kodachrome-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style1-1400.png|600px|thumb|left|by: kryssy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style2-1400.png|600px|thumb|left|by: kryssy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style2-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style3-1400.png|600px|thumb|left|by: kryssy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style3-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style4-1400.png|600px|thumb|left|by: kryssy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style4-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style5-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style5-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style6-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style6-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style7-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style7-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style8-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style8-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style9-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style9-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style10-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style10-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:kryssy-style11-500.png|600px|thumb|left|by: kryssy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/kryssy-style11-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:nikdog-style1-500.png|600px|thumb|left|by: nikdog - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/nikdog-style1-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:permidion-style1-1400.png|600px|thumb|left|by: permidion - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/permidion-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:permidion-style2-1400.png|600px|thumb|left|by: permidion - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/permidion-style2-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style1-1100.png|600px|thumb|left|by: ropedy - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style1-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style1-500.png|600px|thumb|left|by: ropedy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style1-750.png|600px|thumb|left|by: ropedy - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style1-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style2-500.png|600px|thumb|left|by: ropedy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style2-750.png|600px|thumb|left|by: ropedy - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style2-1100.png|600px|thumb|left|by: ropedy - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style2-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style2-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style3-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style3-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style4-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style4-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style5-500.png|600px|thumb|left|by: ropedy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style5-750.png|600px|thumb|left|by: ropedy - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style5-1100.png|600px|thumb|left|by: ropedy - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style5-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style5-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style6-500.png|600px|thumb|left|by: ropedy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style6-750.png|600px|thumb|left|by: ropedy - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style6-1100.png|600px|thumb|left|by: ropedy - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style6-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style6-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style7-500.png|600px|thumb|left|by: ropedy - width: 500px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-500.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style7-750.png|600px|thumb|left|by: ropedy - width: 750px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-750.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style7-1100.png|600px|thumb|left|by: ropedy - width: 1100px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-1100.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:ropedy-style7-1400.png|600px|thumb|left|by: ropedy - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/ropedy-style7-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:spencervdm-style1-1400.png|600px|thumb|left|by: spencervdm - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/spencervdm-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:unknown-style1-1400.png|600px|thumb|left|by: unknown - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/unknown-style1-1400.png") no-repeat scroll left top transparent;}</tt>
 
|-
 
| style="width: 30%; vertical-align: middle; border: 1px solid gray;"|
 
[[Image:unknown-style2-1400.png|600px|thumb|left|by: unknown - width: 1400px]]
 
|width="80%" valign="top" style="border: 1px solid gray; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:5px;"|
 
<tt>#layout-search{background:url("http://static.anidb.net/pics/banner/unknown-style2-1400.png") no-repeat scroll left top transparent;}</tt>
 
|}
 
 
  
 
<noinclude>
 
<noinclude>

Revision as of 20:20, 5 May 2010

AniDB hosts some custom stylesheets for your viewing pleasure, to see them you just need to go to your profile (Button profile.gif on AniDB) and select the one you wish to use using the NEXT and PREV buttons to see a thumbnail, optionally you can view a screenshot of the style by clicking the link below the thumbnail. When you are happy with one style just click apply.

If you created your own style for AniDB and want to share it with everyone else please send a PM to deridiot @ AniDB
You might also want to periodically check AniDB:Markup DEV for a list of the latest AniDB changes with CSS implications.

The sourcecode of all release versions of the CSS styles listed on this page is available via SVN.
By HTTP: http://dev.anidb.net/websvn/

Note The svn is via anonymous access read only. To commit you need an user account you can only get by sending exp a pm.
Note If you are using a custom CSS stylesheet please make sure you are basing your work on some current available stylesheet and test to see if the images you are using are still in use after each AniDB release.

Further pages of interest, if you plan to create your own AniDB Style: