Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [comment]
- Designed and coded by [USER=51064]@Sushi Muncher[/USER].
- Please do not remove the credits. Cảm ơn bạn.
- [font=Della Respira].[/font]
- [font=Poppins].[/font]
- [font=Abel].[/font][/comment][comment]
- | start of title |
- [/comment][border=0px; margin: 3px auto 0; padding: 0; height: 100px; font-size: 3em; text-shadow: var(--textcolor); text-align: center; color: var(--textcolor); font-family: 'Della Respira'; text-transform: uppercase; opacity: 1;]The Star Spangled Saga[/border][comment]
- | end of title |
- | start of row & columns |
- [/comment][row][column=span1]
- [comment]
- | card #1 |
- [/comment][URL='https://en.wikipedia.org/wiki/Anglo-Powhatan_Wars'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/pn8VGqZ.png'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Prologue
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]Laws of Nature[/border][/border][/border][/border][/border][/url]
- [/column][column=span1]
- [comment]
- | card #2 |
- [/comment][URL='https://en.wikipedia.org/wiki/French_and_Indian_War'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/jxbZ6aB.jpg'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Episode 1
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]Crimson Overture[/border][/border][/border][/border][/border][/url]
- [/column][column=span1]
- [comment]
- | card #3 |
- [/comment][URL='https://en.wikipedia.org/wiki/American_Revolutionary_War'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/7VaCERc.jpg'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Episode 2
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]In Liberating Strife[/border][/border][/border][/border][/border][/url]
- [/column][column=span1]
- [comment]
- | card #4 |
- [/comment][URL='https://en.wikipedia.org/wiki/American_Civil_War'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/bNvxEMG.jpg'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Episode 3
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]Under God, Our Vindicator[/border][/border][/border][/border][/border][/url]
- [/column][column=span1]
- [comment]
- | card #5 |
- [/comment][URL='https://en.wikipedia.org/wiki/Battle_of_Belleau_Wood'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/Sh4FrGp.png'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Episode 4
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]Across The Marne[/border][/border][/border][/border][/border][/url]
- [/column][column=span1]
- [comment]
- | card #6 |
- [/comment][URL='https://en.wikipedia.org/wiki/442nd_Infantry_Regiment_(United_States)'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/P4cdWA2.png'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: right center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Episode 5
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]Go For Broke[/border][/border][/border][/border][/border][/url]
- [/column][column=span1]
- [comment]
- | card #7 |
- [/comment][URL='https://en.wikipedia.org/wiki/Battle_of_Heartbreak_Ridge'][border=0px; padding: 0; width: 300px; height: 500px; max-height: 600px; background: url('https://i.imgur.com/Z9QBBcM.jpg'); box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.45); filter: grayscale(10%) opacity(100%); background-size: cover; background-position: center;][border=0; padding: 0; width: 100%; height: 50vh; height: 500px; min-height: 400px; max-height: 600px; background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(40, 40, 40, 1));]
- [border=0; bottom: 35px; left: 35px; padding: 0; width: calc(100% - 35px); position: absolute; pointer-events: auto;][border=0; padding: 0; font-family: 'Poppins'; font-size: 1.0em; line-height: 80%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-180deg);]Episode 6
- [border=0; padding: 0; font-family: 'Poppins'; font-size: 1.7em; line-height: 100%; color: white; text-shadow: 2px 2px black; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(-360deg);]Beneath 931[/border][/border][/border][/border][/border][/url]
- [/column][/row][comment]
- | end of rows & columns |
- [/comment][border=0px; margin: 10px auto 0; padding: 0; width: 100%; max-width: 1200px; font-size: 0.5em; text-align: center; color: var(--textcolor); font-family: 'Abel'; text-transform: uppercase; opacity: 0.7;]code by [USER=51064]@Sushi Muncher[/USER][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement