Difference between revisions of "Exitus"
From PRIMUS Database
| (7 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
| − | {{WIP}}< | + | {{WIP}} |
| + | <!--general--> | ||
| + | [[Category:Character]][[Category:Male]][[Category:Angel]] | ||
| + | <!--powers--> | ||
| + | |||
| + | <!--affiliations--> | ||
| + | [[Category:Flawless]] | ||
__NOTOC__ | __NOTOC__ | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
<center> | <center> | ||
| − | <div style="position:relative; width: | + | <div style="position:relative; width: 1280px; height:auto; margin-left:50px; margin-right:50px;"> |
| − | <div style="position:relative; z-index:1;display:block; top: 0px; width: 100%; height: auto; overflow:hidden; | + | <div style="position:relative; z-index:1;display:block; top: 0px; width: 100%; height: auto; overflow:hidden; background-color: white; color: #221111;"><!-- set main text color here --> |
<div style="position:absolute; z-index:2; width:100%; display: block; font-size: 0; opacity: 0.75;"> | <div style="position:absolute; z-index:2; width:100%; display: block; font-size: 0; opacity: 0.75;"> | ||
| − | [[File:Liath Hotspur Paper.jpg| | + | <!-- if content extends beyond background, copy enough pairs of images (left and right) in section to compensate --> |
| − | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1; top:0px" | + | [[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]][[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]] |
| + | [[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]][[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]] | ||
| + | [[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]][[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]] | ||
| + | [[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]][[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]] | ||
| + | [[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]][[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]] | ||
| + | [[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]][[File:Liath Hotspur Paper.jpg|640px|left]][[File:Liath Hotspur Paper.jpg|640px|right]]</div> | ||
| + | <!-- top distress horizontal --> | ||
| + | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1; top:0px"> | ||
[[file:Sersay_exitus_edge_t.png|left]] | [[file:Sersay_exitus_edge_t.png|left]] | ||
</div> | </div> | ||
| − | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1;bottom:0px;" | + | <!-- bottom distress horizontal --> |
| + | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1;bottom:0px;"> | ||
[[file:Sersay_exitus_edge_b.png|left]] | [[file:Sersay_exitus_edge_b.png|left]] | ||
</div> | </div> | ||
| − | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1;" | + | <!-- left distress vertical and top corner, if edge is missing copy edge_l file until gap filled--> |
| − | [[file:Sersay_exitus_edge_tl.png|left]][[file:Sersay_exitus_edge_l.png|left]][[file:Sersay_exitus_edge_l.png|left]] | + | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1;"> |
| + | [[file:Sersay_exitus_edge_tl.png|left]][[file:Sersay_exitus_edge_l.png|left]][[file:Sersay_exitus_edge_l.png|left]][[file:Sersay_exitus_edge_l.png|left]][[file:Sersay_exitus_edge_l.png|left]] | ||
</div> | </div> | ||
| − | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1;" | + | <!-- right distress vertical and top corner, if edge is missing copy edge_r file until gap filled --> |
| − | [[file:Sersay_exitus_edge_tr.png|right]][[file:Sersay_exitus_edge_r.png|right]][[file:Sersay_exitus_edge_r.png|right]] | + | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1;"> |
| + | [[file:Sersay_exitus_edge_tr.png|right]][[file:Sersay_exitus_edge_r.png|right]][[file:Sersay_exitus_edge_r.png|right]][[file:Sersay_exitus_edge_r.png|right]][[file:Sersay_exitus_edge_r.png|right]] | ||
</div> | </div> | ||
| − | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1; bottom:0px" | + | <!-- left distress bottom corner --> |
| + | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1; bottom:0px"> | ||
[[file:Sersay_exitus_edge_bl.png|left]] | [[file:Sersay_exitus_edge_bl.png|left]] | ||
</div> | </div> | ||
| − | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1; bottom:0px;" | + | <!-- right distress bottom corner --> |
| + | <div style="position:absolute; z-index:3; width:100%; display: block; font-size: 0; opacity: 1; bottom:0px;"> | ||
[[file:Sersay_exitus_edge_br.png|right]] | [[file:Sersay_exitus_edge_br.png|right]] | ||
</div> | </div> | ||
| + | <!-- main logo --> | ||
<div style="position:relative; top: 10px; z-index:4; width:100%; display: block; font-size: 0; opacity: 1;"> | <div style="position:relative; top: 10px; z-index:4; width:100%; display: block; font-size: 0; opacity: 1;"> | ||
[[File:LogoExituslogo5.png|center]] | [[File:LogoExituslogo5.png|center]] | ||
</div> | </div> | ||
| − | <div style="position:relative; z-index:4; opacity: 1; margin: | + | <!-- begin main content --> |
| − | + | <div style="position:relative; z-index:4; opacity: 1; margin:40px; margin-left: 0px; margin-top:10px; float:right;"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
{{MaekadaBoxSlim | {{MaekadaBoxSlim | ||
| header = #333333 | | header = #333333 | ||
| Line 98: | Line 110: | ||
| bravery = 7 | | bravery = 7 | ||
|}} | |}} | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| + | |||
| + | <div style="position:relative; z-index:4; opacity: 1; margin:40px; margin-right: 0px; margin-top:10px; float:left;"> | ||
| + | <table style="padding:5px; text-align: left; text-decoration: none;"> | ||
| + | <!-- main section image header --> | ||
| + | <tr><td><div style="vertical-align:middle; text-align: left; padding:5px;">[[File:LogoExituslogosmallA.png]]</div></td></tr> | ||
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 1 Heading - E.g Origin</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | [[File:Exitus by booyfeep.jpg|200px|left]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | ||
| + | <!-- end content --> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div style=" | + | </div></td></tr> |
| − | <div style=" | + | <!-- *** --> |
| − | <div style=" | + | <!-- individual section - to add more copy from here to *** and amend content --> |
| − | + | <tr> | |
| − | <div style=" | + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> |
| − | [[ | + | <!-- individual section header replace with image if prefered --> |
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 2 Heading - E.g Powers</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | [[File:Exitus by booyfeep.jpg|200px|left]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | ||
| + | <!-- end content --> | ||
</div> | </div> | ||
| − | |||
| − | |||
</div> | </div> | ||
| − | <div style=" | + | </div></td></tr> |
| − | + | <!-- *** --> | |
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 3 Heading - E.g Equipment</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | [[File:Exitus by booyfeep.jpg|200px|left]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | ||
| + | <!-- end content --> | ||
</div> | </div> | ||
| − | |||
| − | |||
</div> | </div> | ||
| − | <div | + | </div></td></tr> |
| − | + | <!-- *** --> | |
| + | </table> | ||
</div> | </div> | ||
| − | <div style="position: | + | <!-- end main content --> |
| − | [[ | + | <!-- seperator --> |
| + | <div style="position:relative; top: 10px; z-index:4; width:100%; display: block; font-size: 0; opacity: 0.75;"> | ||
| + | [[File:AboveGif2.jpg|center]] | ||
</div> | </div> | ||
| − | <div style="position:relative; z-index:4; opacity: 1; margin: | + | <!-- begin main content --> |
| − | + | <div style="position:relative; z-index:4; opacity: 1; margin:40px; margin-left: 0px; margin-top:10px; float:right;"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
{{MaekadaBoxSlim | {{MaekadaBoxSlim | ||
| header = #333333 | | header = #333333 | ||
| Line 195: | Line 228: | ||
| bravery = 7 | | bravery = 7 | ||
|}} | |}} | ||
| − | </td> | + | </div> |
| − | </tr> | + | |
| + | <div style="position:relative; z-index:4; opacity: 1; margin:40px; margin-right: 0px; margin-top:10px; float:left;"> | ||
| + | <table style="padding:5px; text-align: left; text-decoration: none;"> | ||
| + | <!-- main section image header --> | ||
| + | <tr><td><div style="vertical-align:middle; text-align: left; padding:5px;">[[File:LogoExituslogosmallH.png]]</div></td></tr> | ||
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 1 Heading - E.g Biography</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | [[File:Exitus by booyfeep.jpg|200px|left]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | ||
| + | <!-- end content --> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div></td></tr> | ||
| + | <!-- *** --> | ||
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 2 Heading - E.g Personality or Appearance</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | [[File:Exitus by booyfeep.jpg|200px|right]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. | ||
| + | <!-- end content --> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div></td></tr> | ||
| + | <!-- *** --> | ||
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 3 Heading - e.g Nemeses</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | <!--for multiple nemesis details copy from here to +++ --> | ||
| + | <div style="width: 760px; display:table-cell; padding:15px; overflow:hidden;"> | ||
| + | {{LiathNemesis | ||
| + | | nemesisname = My Nemesis | ||
| + | | image = Liath_Transparent.png | ||
| + | | border = 3 | ||
| + | | bordercolor = rgba(0,0,0,0.75) | ||
| + | | backcolor = rgba(0,0,0,0.75) | ||
| + | | transparency = 1 | ||
| + | | overlayborder = 5 | ||
| + | | overlaycolor = white | ||
| + | | overlayglow = 2 | ||
| + | | boxalign = left | ||
| + | |}}Name: '''My Nemesis'''<br>Powerset: '''Gadgeteering'''<br>Mentality: '''Maniac'''<br>Minions: '''Frozen Minions'''<br>Add Nemesis Details here if you wish, backstory etc</div> | ||
| + | <!-- +++ --> | ||
| + | <!-- end content --> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div></td></tr> | ||
| + | <!-- *** --> | ||
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 4 Heading - e.g Gallery</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | <gallery heights=200px widths=200px><!-- image width and height can be set here --> | ||
| + | Exitus by booyfeep.jpg|blah blah blah image caption blah blah blah | ||
| + | Exitus by booyfeep.jpg|blah blah blah image caption blah blah blah | ||
| + | Liath_Transparent.png|More to Follow... | ||
| + | </gallery> | ||
| + | <!-- end content --> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div></td></tr> | ||
| + | <!-- *** --> | ||
| + | <!-- individual section - to add more copy from here to *** and amend content --> | ||
| + | <tr> | ||
| + | <td style="vertical-align:top; padding:5px;"><div style="border-radius:30px; border-top: 15px solid rgba(0,0,0,0.75); border-bottom: 5px solid rgba(0,0,0,0.75); border-left: 15px solid rgba(0,0,0,0.75); border-right: 5px solid rgba(0,0,0,0.75); padding:5px;"> | ||
| + | <!-- individual section header replace with image if prefered --> | ||
| + | <div style="vertical-align:middle; text-align: left; padding:5px; font-size: 150%; font-weight:bold; ">Section 5 Heading - E.g Soundtrack</div> | ||
| + | <div style="overflow:hidden; text-align:center; width:760px; text-align:left;"> | ||
| + | <div style="display:block; overflow-y:auto; padding:5px; padding-right:10px; font-weight:heavy;"> | ||
| + | <!-- replace following with content/images etc --> | ||
| + | {{LiathTheme| artist = Georges Bizet| track = Overture ("Carmen")| tracklink = http://youtu.be/pmuFOuh3QHs | trackimage = Liath_Bizet.jpg| imagesize = 50| artistcolor = #221111| trackcolor = #200099| bordercolor = #653c1b| borderwidth = 3| backcolor = rgba(220,164,92, 0.5)|}} | ||
| + | {{LiathTheme| artist = Georges Bizet| track = Habanera ("Carmen")| tracklink = http://youtu.be/O1CVqGA2Z8Y| trackimage = Liath_Bizet.jpg| imagesize = 50| artistcolor = #221111| trackcolor = #200099| bordercolor = #653c1b| borderwidth = 3| backcolor = rgba(220,164,92, 0.5)|}} | ||
| + | {{LiathTheme| artist = Georges Bizet| track = Les Toreadors ("Carmen")| tracklink = http://youtu.be/4DNGMoMNLRY| trackimage = Liath_Bizet.jpg| imagesize = 50| artistcolor = #221111| trackcolor = #200099| bordercolor = #653c1b| borderwidth = 3| backcolor = rgba(220,164,92, 0.5)|}} | ||
| + | {{LiathTheme| artist = Johannes Brahms| track = Hungarian Dance No. 5 | tracklink = http://youtu.be/3X9LvC9WkkQ| trackimage = Liath_Brahms.jpg| imagesize = 50| artistcolor = #221111| trackcolor = #200099| bordercolor = #653c1b| borderwidth = 3| backcolor = rgba(220,164,92, 0.5)|}} | ||
| + | {{LiathTheme| artist = Richard Wagner| track = The Ride of the Valkyries from "Die Walküre"| tracklink = http://youtu.be/7AlEvy0fJto| trackimage = Liath_Wagner.jpg| imagesize = 50| artistcolor = #221111| trackcolor = #200099| bordercolor = #653c1b| borderwidth = 3| backcolor = rgba(220,164,92, 0.5)|}} | ||
| + | <!-- end content --> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div></td></tr> | ||
| + | <!-- *** --> | ||
</table> | </table> | ||
</div> | </div> | ||
| + | <!-- end main content --> | ||
</div> | </div> | ||
</div> | </div> | ||
</center> | </center> | ||
| − | |||
| − | |||
| − | [[Category: | + | |
| + | [[Category:East Briar Institute]] | ||
Latest revision as of 15:03, 13 March 2017
 The author of this article has marked this as a creative work, and would prefer that other users not edit it. Please respect this, and unless repairing a typo, spelling, or other minor technical error, think of this page as read-only. |
