Brontekst bekijken van Sjabloon:Linear-gradient/testcases

__NEWSECTIONLINK__
{{template testcases notice}}

==Horizontal==
{{tlx|linear-gradient/sandbox|left|#ffdddd, #ddddff}}<br />
Output: <tt>{{linear-gradient/sandbox|left|#ffdddd, #ddddff}}</tt>
<div class="css3pie" style="{{linear-gradient/sandbox|left|#ffdddd, #ddddff}}">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.</div>

===With color-stop===
{{tlx|linear-gradient/sandbox|left|#ffdddd, #ddffdd 50%, #ddddff}}<br />
Output: <tt>{{linear-gradient/sandbox|left|#ffdddd, #ddffdd 50%, #ddddff}}</tt>
<div class="css3pie" style="{{linear-gradient/sandbox|left|#ffdddd, #ddffdd 50%, #ddddff}}">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.</div>

==Vertical==
{{tlx|linear-gradient/sandbox|top|#ffdddd, #ddddff}}<br />
Output: <tt>{{linear-gradient/sandbox|top|#ffdddd, #ddddff}}</tt>
<div class="css3pie" style="{{linear-gradient/sandbox|top|#ffdddd, #ddddff}}">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.</div>

==Diagonal==
{{tlx|linear-gradient/sandbox|top left|#ffdddd, #ddddff}}<br />
Output: <tt>{{linear-gradient/sandbox|top left|#ffdddd, #ddddff}}</tt>
<div class="css3pie" style="width: 250px; {{linear-gradient/sandbox|top left|#ffdddd, #ddddff}}">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.</div>

==Reverse==
{{tlx|linear-gradient/sandbox|right|#ffdddd, #ddddff}}<br />
Output: <tt>{{linear-gradient/sandbox|right|#ffdddd, #ddddff}}</tt>
<div class="css3pie" style="{{linear-gradient/sandbox|right|#ffdddd, #ddddff}}">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.</div>

{{tlx|linear-gradient/sandbox|bottom|#ffdddd, #ddddff}}<br />
Output: <tt>{{linear-gradient/sandbox|bottom|#ffdddd, #ddddff}}</tt>
<div class="css3pie" style="{{linear-gradient/sandbox|bottom|#ffdddd, #ddddff}}">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.</div>

==Navbox==
{{Navbox
| name = Torchwood
| title = ''[[Torchwood]]''
| navbar = {{{navbar|}}}
| state = open
| bodystyle = {{{bodystyle|}}}
| titlestyle = {{{titlestyle|}}} {{linear-gradient/sandbox|top|#e6e6ff, #ccccff}}
| groupstyle = {{{groupstyle|}}} {{linear-gradient/sandbox|top|#eeeeff, #ddddff}}
| liststyle = {{{liststyle|}}}
| oddstyle = {{linear-gradient/sandbox|left|#f7f7f7, #fdfdfd}}
| evenstyle = {{linear-gradient/sandbox|left|#f1f1f1, #fdfdfd}}

| group1 = [[:Category:Torchwood|''Torchwood'' main pages]]
| list1  = [[Themes in Torchwood|Themes]]{{•}} [[Criticism of Torchwood|Criticism]]{{•}} ''[[Torchwood Declassified]]''{{•}} ''[[Doctor Who]]''{{•}} [[Whoniverse]]{{•}} [[Torchwood Institute]]{{•}} [[Cardiff Rift]]{{•}} [[UNIT]]{{•}} [[Weevil (Torchwood)|Weevils]]

| group2 = Characters
| list2  = [[Jack Harkness]]{{•}} [[Gwen Cooper]]{{•}} [[Owen Harper]]{{•}} [[Toshiko Sato]]{{•}} [[Ianto Jones]]{{•}} [[Martha Jones]]{{•}} [[Rhys Williams (Torchwood)|Rhys Williams]]

| group3 = [[:Category:Torchwood lists|''Torchwood'' lists]]
| list3  = [[List of Torchwood episodes|Episodes]]{{•}} [[List of Torchwood monsters and aliens|Monsters and aliens]]{{•}} [[List of Torchwood characters|Characters]]{{•}} [[List of Torchwood items|Items]]{{•}} [[Celebrity and notable guest appearances in Doctor Who#Torchwood|Guest stars]]{{•}} [[List of Torchwood writers|Writers]]

| group4 = ''Torchwood'' music
| list4  = [[Torchwood: Original Television Soundtrack|Series 1 and 2 Soundtrack]]{{•}} [[Torchwood: Original Television Soundtrack - Children of Earth|Children of Earth Soundtrack]]

| group5 = [[:Category:Doctor Who magazines|Related articles]]
| list5  = ''[[Torchwood Magazine]]''{{•}} [[List of Torchwood comics|Comics]]{{•}} [[List of Torchwood novels and audio books|Novels and audio books]]{{•}} "[[The Stolen Earth]]" / "[[Journey's End (Doctor Who)|Journey's End]]"
}}

===Border-radius===
{{Navbox
| name = Torchwood
| title = ''[[Torchwood]]''
| navbar = {{{navbar|}}}
| state = open
| bodystyle = {{{bodystyle|}}} {{border-radius|6px}}
| titlestyle = {{{titlestyle|}}} {{border-radius|4px}} {{linear-gradient/sandbox|top|#e6e6ff, #ccccff}}
| groupstyle = {{{groupstyle|}}} {{border-radius|4px}} {{linear-gradient/sandbox|top|#eeeeff, #ddddff}}
| liststyle = {{{liststyle|}}} {{border-radius|4px}}
| oddstyle = {{linear-gradient/sandbox|left|#f7f7f7, #fdfdfd}}
| evenstyle = {{linear-gradient/sandbox|left|#f1f1f1, #fdfdfd}}

| group1 = [[:Category:Torchwood|''Torchwood'' main pages]]
| list1  = [[Themes in Torchwood|Themes]]{{•}} [[Criticism of Torchwood|Criticism]]{{•}} ''[[Torchwood Declassified]]''{{•}} ''[[Doctor Who]]''{{•}} [[Whoniverse]]{{•}} [[Torchwood Institute]]{{•}} [[Cardiff Rift]]{{•}} [[UNIT]]{{•}} [[Weevil (Torchwood)|Weevils]]

| group2 = Characters
| list2  = [[Jack Harkness]]{{•}} [[Gwen Cooper]]{{•}} [[Owen Harper]]{{•}} [[Toshiko Sato]]{{•}} [[Ianto Jones]]{{•}} [[Martha Jones]]{{•}} [[Rhys Williams (Torchwood)|Rhys Williams]]

| group3 = [[:Category:Torchwood lists|''Torchwood'' lists]]
| list3  = [[List of Torchwood episodes|Episodes]]{{•}} [[List of Torchwood monsters and aliens|Monsters and aliens]]{{•}} [[List of Torchwood characters|Characters]]{{•}} [[List of Torchwood items|Items]]{{•}} [[Celebrity and notable guest appearances in Doctor Who#Torchwood|Guest stars]]{{•}} [[List of Torchwood writers|Writers]]

| group4 = ''Torchwood'' music
| list4  = [[Torchwood: Original Television Soundtrack|Series 1 and 2 Soundtrack]]{{•}} [[Torchwood: Original Television Soundtrack - Children of Earth|Children of Earth Soundtrack]]

| group5 = [[:Category:Doctor Who magazines|Related articles]]
| list5  = ''[[Torchwood Magazine]]''{{•}} [[List of Torchwood comics|Comics]]{{•}} [[List of Torchwood novels and audio books|Novels and audio books]]{{•}} "[[The Stolen Earth]]" / "[[Journey's End (Doctor Who)|Journey's End]]"
}}

==Ambox==
{{ambox
| type  = delete
| style = {{linear-gradient/sandbox|left|#FFEEEE, #FFFFFF}}
| text  = type=<u>delete</u>&nbsp;– Deletion issues, such as {{tl|afd}} and {{tl|prod}}.
}}
{{ambox
| type  = style
| style = {{linear-gradient/sandbox|left|#fff8e0, #FFFFFF}}
| text  = type=<u>style</u>&nbsp;– Style issues, such as {{tl|cleanup}}.
}}
{{ambox
| type  = notice
| style = {{linear-gradient/sandbox|left|#e8f4ff, #FFFFFF}}
| text  = type=<u>notice</u>&nbsp;– Article notices, such as {{tl|current}} and {{tl|inuse}}.
}}
{{ambox
| type  = content
| style = {{linear-gradient/sandbox|left|#fff0e8, #FFFFFF}}
| text  = type=<u>content</u>&nbsp;– Content issues, such as {{tl|POV}} and {{tl|globalize}}.
}}