Please remember to follow the manual of style and code of conduct at all times.
Check the Bulbagarden home page for up-to-date Pokémon news and discuss it on the forums or in the Bulbagarden Discord server.

User:Immewnity/Testing: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
m (Undo revision 663853 by Doug (Talk))
m (squee...)
Line 2: Line 2:


One:
One:
{| align="center" width="100%" style="background: #705848; -moz-border-radius: 1em; border: 5px solid #78C850;"
{| align="center" width="100%" style="background: #705848; -moz-border-radius: 1em; border: 5px solid #78C850; -moz-appearance: -moz-win-glass;"
|-
|-
| align="center" colspan="3" style="background:#C4E673; -moz-border-radius: 1em;" |  
| align="center" colspan="3" style="background:#C4E673; -moz-border-radius: 1em;" |  
Line 8: Line 8:
|-
|-
| align="center" |  
| align="center" |  
Hey, here's moz-border!
Hey, here's moz-border! With Aero!
|}
|}
|}
|}
 
With Firefox 3.1/3.5 running on Vista, this should show the Aero effect.
This should work on Firefox/SeaMonkey.
{| align="center" width="100%" style="background: #705848; -moz-border-radius: 1em; border: 5px solid #78C850; -moz-box-shadow: black 2px 2px 5px;"
 
Two:
{| align="center" width="100%" style="background: #705848; border-radius: 1em; border: 5px solid #78C850;"
|-
|-
| align="center" colspan="3" style="background:#C4E673; border-radius: 1em;" |  
| align="center" colspan="3" style="background:#C4E673; -moz-border-radius: 1em; -moz-appearance: -moz-box-shadow; -moz-box-shadow: black 0px 0px 5px;" |  
{|width="100%" style="background: #C4E673; border-radius: 1em;"
{|width="100%" style="background: #C4E673; -moz-border-radius: 1em; -moz-box-shadow: black 0px 0px 5px;"
|-
|-
| align="center" |  
| align="center" |  
Hey, here's border!
Hey, here's moz-border! With box shadows!
|}
|}
 
This has not been confirmed on any browser.
 
Three:
{| align="center" width="100%" style="background: #705848; -webkit-border-radius: 1em; border: 5px solid #78C850;"
|-
| align="center" colspan="3" style="background:#C4E673; -webkit-border-radius: 1em;" |
{|width="100%" style="background: #C4E673; -webkit-border-radius: 1em;"
|-
| align="center" |
Hey, here's webkit-border!
|}
|}
 
This one should be round on Safari/Chrome.
 
Tell me these on the [[User talk:Prmatt11/Testing|talk page]]:
* Browser: (IE, Firefox, Safari, Chrome, etc.)
* Which one is rounded: (One, Two, Three, none, One and Two, etc.)
 
 
Test Two: The new article style:
{| align="center" style="background: #705848; -moz-border-radius: 1em; -moz-border-radius-bottomright: 0em; border: 5px solid #78C850;"
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 200%;" | Ok, so ya put your title here...
|}
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 150%;" | yer sub-title here...
|}
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 100%;" | and blurb text goes here. Hey, just to test this out, how bout "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
|}
|}
{| align="right" width="30%" style="background: #705848; -moz-border-radius: 1em; -moz-border-radius-topright: 0em; -moz-border-radius-topleft: 0em; border: 5px solid #78C850;"
|-
| align="right" style="background:#C4E673; -moz-border-radius: 1em;" |
{|width="30%" style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 75%;" | Read more...
|}
|}
 
 
For an example:
{| align="center" style="background: #705848; -moz-border-radius: 1em; -moz-border-radius-bottomright: 0em; border: 5px solid #78C850;"
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 200%;" | DP117 title revealed
|}
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 150%;" | 'Team Rocket Breakup!?' to air March 5
|}
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 100%;" | DP117 is titled "Team Rocket Breakup!?" 「ロケット団解散!?」 and will air March 5 on TV Tokyo, according to a Japanese magazine scan posted to the Internet today.
|}
|}
{| align="right" width="30%" style="background: #705848; -moz-border-radius: 1em; -moz-border-radius-topright: 0em; -moz-border-radius-topleft: 0em; border: 5px solid #78C850;"
|-
| align="right" style="background:#C4E673; -moz-border-radius: 1em;" |
{|width="30%" style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 75%;" | Read more...
|}
|}
 
 
Now, my sis liked this version:
{| align="center" style="background: #78C850; -moz-border-radius: 1em; -moz-border-radius-bottomright: 0em; border: 3px solid #78C850;"
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em; border: 2px solid #705848;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 200%;" | Ok, so ya put your title here...
|}
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em; border: 2px solid #705848;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 150%;" | yer sub-title here...
|}
|-
| align="left" style="background:#C4E673; -moz-border-radius: 1em; border: 2px solid #705848;" |
{|style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 100%;" | and blurb text goes here. Hey, just to test this out, how bout "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
|}
|}
{| align="right" width="30%" style="background: #78C850; -moz-border-radius: 1em; -moz-border-radius-topright: 0em; -moz-border-radius-topleft: 0em; border: 3px solid #78C850;"
|-
| align="right" style="background:#C4E673; -moz-border-radius: 1em; border: 2px solid #705848;" |
{|width="30%" style="background: #C4E673; -moz-border-radius: 1em;"
|-
| style="font-size: 75%;" | Read more...
|}
|}
|}
|}
You gotta admit that's cool.

Revision as of 13:39, 14 March 2009

Ok, here goes my Bulbanews tests...

One:

Hey, here's moz-border! With Aero!

With Firefox 3.1/3.5 running on Vista, this should show the Aero effect.

Hey, here's moz-border! With box shadows!

You gotta admit that's cool.

Retrieved from "https://bulbapedia.bulbagarden.net/w/index.php?title=User:Immewnity/Testing&oldid=705558"