Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- SUFFER THE CHILDREN -- Layout by Obsidian
- This layout was inspired by TellTale Games The Walking Dead, an amazing vidya game series that is now in its last season and that bums me out. Of course, you can use this layout for any verse, but I wan in my Lee Everett and Clementine feelings when I decided to revamp my old TWD themed layout. I hope you all enjoy the aesthetic of the layout and my blatant #Violentine propaganda.
- As always, please do not change the credit link and do not redistribute this layout or claim the coding as your own. We like to keep things chill here and doing that shit ain't chill.
- The PSD used for this layout is called Riverdale and was made by Prima. She has given me permission to use this PSD for this layout and it can be found by going to her content on the HT site (https://www.roleplayer.me/hightimes). To get the PSD to look the way it does on the layout, I just put it over black and white images.
- -----------------------------------------------------------------
- -----------------------------------------------------------------
- ABOUT ME:
- -----------------------------------------------------------------
- -----------------------------------------------------------------
- <body
- oncontextmenu="alert('girl bye');
- return false;">
- <style type="text/css">
- .obsidianxx { property of Obsidian at High Times }
- .obsidianxx { t a b l e s }
- table table { border: 0px }
- table table table table{border:0px}
- table table table {
- background-color: #040100;}
- .obsidianxx { b a c k g r o u n d }
- table, tr, td {background-color:transparent; border:none; border-width:0;}
- body {
- background-color: #302109;
- background-image:url("https://i.imgur.com/bf3UvnK.jpg");
- background-attachment:fixed;
- background-repeat: repeat;
- background-position: top left;}
- .obsidianxx { c u r s o r }
- body, a:hover {cursor: url('https://68.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), progress!important;}
- .obsidianxx { s c r o l l y }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #a58d48;
- width:8px;
- border: 1px solid #4e350f;
- height: 7px;}
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #a58d48;
- width:8px;
- border: 1px solid #4e350f;
- height: 7px;}
- ::-webkit-scrollbar {
- background-color: transparent;
- border: 2px solid transparent;
- height:5px;
- width:5px;}
- .obsidianxx { m u s i c }
- .music {
- bottom:10px;
- right:-32px;
- width:32px;
- height:30px;
- position:fixed!important;
- -webkit-transition: all .3s linear;
- -moz-transition: all .3s linear;
- -o-transition: all .3s linear;}
- .music:hover {
- right:10px; }
- .obsidianxx { t e x t p r o p s }
- table, tr, td, li, p, div {
- font-size: 8.5px;
- font-family: arial narrow;
- line-height: 8px;
- text-align: justify;
- color: #e0d2a8!important;}
- .obsidianxx { l i n k y l i n k s }
- a:active, a:visited, a:link {
- font-family: "arial narrow";
- font-size: 10px;
- line-height: 11px;
- text-transform: uppercase;
- color: #c3c3c3;
- font-weight: lighter;
- text-decoration: none;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;}
- a:hover {
- color: #c3c3c3;
- background-color: #441a18;}
- a.navi1, a.navi1:link, a.navi1:active, a.navi1:visited
- {
- font-size:14px;
- font-family:arial narrow;
- color:#a58d48;
- width: 161px;
- height: 15px;
- line-height: 15px;
- padding: 5px;
- text-align:center;
- background-color:#4e350f;
- font-weight:lighter;
- font-style: italic;
- text-transform: uppercase;
- letter-spacing:-1px;
- border-top: 2px solid #a58d48;
- border-bottom: 2px solid #a58d48;
- margin-bottom:1px;
- margin-right:1px;
- margin-left:1px;
- margin-top:1px;
- display:inline-block;
- filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
- transition:all 1s ease; -o-transition:all 1s ease; z-index:999; }
- a.navi1:hover {
- font-size: 14px;
- color:transparent;
- background-color:transparent;
- border-top: 2px solid #e0d2a8;
- border-bottom: 2px solid #e0d2a8;
- line-height:15px;
- text-shadow:0px 0px #e0d2a8, 0px 0px #e0d2a8; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
- transition:all 1s ease; z-index:999; }
- a.first, a.first:link, a.first:active, a.first:visited
- {
- font-size:10px;
- font-family:arial narrow;
- color:#a58d48;
- line-height: 10px;
- padding: 5px;
- text-align:center;
- background-color:#39270b;
- font-weight:lighter;
- font-style: italic;
- text-transform: uppercase;
- letter-spacing:-1px;
- margin-bottom:1px;
- margin-right:1px;
- margin-left:1px;
- margin-top:1px;
- display:block;
- filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
- transition:all 1s ease; -o-transition:all 1s ease; z-index:999; }
- a.first:hover {
- font-size: 10px;
- color:transparent;
- background-color:transparent;
- line-height:10px;
- text-shadow:0px 0px #e0d2a8, 0px 0px #e0d2a8; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
- transition:all 1s ease; z-index:999; }
- a.second, a.second:link, a.second:active, a.second:visited
- {
- font-size:10px;
- font-family:arial narrow;
- color:#39270b;
- line-height: 10px;
- padding: 5px;
- text-align:center;
- background-color:#a58d48;
- font-weight:lighter;
- font-style: italic;
- text-transform: uppercase;
- letter-spacing:-1px;
- margin-bottom:1px;
- margin-right:1px;
- margin-left:1px;
- margin-top:1px;
- display:block;
- filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
- transition:all 1s ease; -o-transition:all 1s ease; z-index:999; }
- a.second:hover {
- font-size: 10px;
- color:transparent;
- background-color:transparent;
- line-height:10px;
- text-shadow:0px 0px #e0d2a8, 0px 0px #e0d2a8; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
- transition:all 1s ease; z-index:999; }
- .obsidianxx { m o r e t e x t s h i t }
- b {
- color: #a58d48;
- font-weight: lighter;
- font-size: 10px;
- font-style: none;
- letter-spacing: .5px;
- line-height: 11px;
- text-transform: normal;}
- i {
- font-family: times new;
- font-size: 9px;
- font-weight: normal;
- text-align: center;
- color: #e0d2a8;
- text-transform: none;
- margin: 1px;
- letter-spacing: .5px;
- line-height: 7px;}
- u {
- font-family: sans serif;
- color: #a58d48;
- background-color: #39270b;
- text-decoration: none;
- font-size: 10px;
- letter-spacing: .5px;
- padding: 4px;
- text-transform: normal;
- font-weight: lighter;
- line-height: 20px;
- font-style: none;}
- strong {
- font-family: courier new;
- font-size: 10px;
- line-height: 9px;
- text-transform: uppercase;
- text-shadow: 2px 0px #39270b, 2px 0px #39270b;
- color: #a58d48;
- letter-spacing: .5px;
- font-weight: lighter;
- font-style: none;}
- small {
- font-family: times new;
- font-size: 10px;
- font-style: italic;
- text-transform: normal;
- color: #ffffff;
- letter-spacing: .5px;
- font-style: none;
- line-height: 8px;}
- blockquote {
- text-align: center;
- border-left: 2px solid #a58d48;
- border-right: 2px solid #a58d48;
- background-color: #39270b;
- font-style: italic;
- font-size: 12px;
- color: #a58d48;
- padding: 10px;}
- li {
- display: block;
- border-left: 2px solid #a58d48;
- padding: 2px;
- margin-bottom: 2px;}
- .obsidianxx { h e a d e r s }
- h1 {
- margin-top: 0px;
- font-size: 12px;
- color: #a58d48;
- line-height: 20px;
- text-align: center;
- font-style: italic;
- background-color: #39270b;
- letter-spacing: 1px;
- font-weight: lighter;
- text-transform: uppercase;
- display: block;
- margin-bottom: -2px;}
- h1:first-letter {
- color: #e0d2a8;}
- h2 {
- margin-top: 0px;
- font-family: arial narrow;
- font-size: 14px;
- line-height: 12px;
- text-transform: uppercase;
- color: #e0d2a8;
- letter-spacing: 2.5px;
- text-align: center;
- border-bottom: 1px solid #e0d2a8;
- font-weight: lighter;
- font-style: italic;
- display: block;}
- h3 {
- color: #e0d2a8;
- font-family: arial narrow;
- font-size: 40px;
- line-height: 10px;
- letter-spacing: 1px;
- text-align: center;
- font-weight: lighter;
- font-style: italic;
- text-transform: uppercase;
- text-shadow: 2px 0px #302109, 2px 0px #302109;
- display: block;
- margin-top: 20px;
- margin-bottom: 24px;}
- h3:first-letter {
- color: #a58d48;}
- h4 {
- margin-top: 20px;
- font-family: arial narrow;
- font-size: 10px;
- color: #e0d2a8;
- text-shadow: 2px 0px #341312, 2px 0px #341312;
- line-height: 0px;
- letter-spacing: 12px;
- font-weight: lighter;
- text-align: center;
- text-transform: uppercase;
- display: block;}
- h5 {
- margin-top: 20px;
- font-family: georgia;
- font-size: 30px;
- color: #e0d2a8;
- text-shadow: 2px 0px #a58d48, 2px 0px #a58d48;
- line-height: 4px;
- letter-spacing: -3px;
- font-weight: lighter;
- text-align: center;
- text-transform: uppercase;
- margin-bottom: 24px;
- display: block;}
- </style>
- <style>
- .obsidianxx { d i v s e c t i o n s }
- #main {
- position: absolute;
- top: -100px;
- left: -243px;
- width: 910px;
- height: 1310px;
- background-color: #302109;
- background-image:url('');
- margin-bottom: 40px;}
- #topbanner {
- position: absolute;
- top: -30px;
- left: -220px;
- width: 862px;
- height: 300px;
- padding: 10px;
- overflow: auto;
- border: 0px solid #1b0a09;
- background-color: #4e350f;
- background-image:url('');}
- #storyline {
- position: absolute;
- top: 20px;
- left: -170;
- width: 760px;
- height: 200px;
- overflow: auto;
- border: 0px solid #1b0a09;
- background-color: transparent;
- background-image:url('');
- padding: 8px;
- opacity: 0.07;
- overflow: hidden;
- -webkit-transition: all .9s ease-in-out;
- -moz-transition: all .9s ease-in-out;
- -o-transition: all .9s ease-in-out;}
- #storyline:hover {
- opacity: 1;}
- #navi {
- position: absolute;
- top: -80px;
- left: -220px;
- width: 866px;
- height: 378px;
- border: 0px solid #2a1d15;
- background-color: #39270b;
- background-image:url('');
- padding: 8px;}
- #updates {
- position: absolute;
- top: 325px;
- left: -220px;
- width: 195px;
- height: 198px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #mostw {
- position: absolute;
- top: 325px;
- left: 451px;
- width: 195px;
- height: 89px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #auditions {
- position: absolute;
- top: 440px;
- left: 451px;
- width: 195px;
- height: 84px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #featured {
- position: absolute;
- top: 325px;
- left: 3px;
- width: 420px;
- height: 198px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #mods {
- position: absolute;
- top: 550px;
- left: 451px;
- width: 195px;
- height: 198px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #membz {
- position: absolute;
- top: 550px;
- left: -220px;
- width: 420px;
- height: 198px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #motm {
- position: absolute;
- top: 550px;
- left: 229px;
- width: 195px;
- height: 86px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #motmx {
- position: absolute;
- top: 550px;
- left: 229px;
- width: 195px;
- height: 50px;
- overflow: auto;
- background-color: #39270b;
- background-image:url('');
- padding: 8px;
- opacity: 0.0;
- overflow: hidden;
- -webkit-transition: all 1.0s ease-in-out;
- -moz-transition: all 1.0s ease-in-out;
- -o-transition: all 1.0s ease-in-out;}
- #motmx:hover {
- top: 550px;
- left: 229px;
- width: 195px;
- height: 198px;
- opacity: 1;}
- #rotm {
- position: absolute;
- top: 662px;
- left: 229px;
- width: 195px;
- height: 86px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #rotmx {
- position: absolute;
- top: 660px;
- left: 229px;
- width: 195px;
- height: 80px;
- overflow: auto;
- background-color: #39270b;
- background-image:url('');
- padding: 8px;
- opacity: 0.0;
- overflow: hidden;
- -webkit-transition: all 1.0s ease-in-out;
- -moz-transition: all 1.0s ease-in-out;
- -o-transition: all 1.0s ease-in-out;}
- #rotmx:hover {
- top: 550px;
- left: 229px;
- width: 195px;
- height: 198px;
- opacity: 1;}
- #sibsites {
- position: absolute;
- top: 775px;
- left: 229px;
- width: 415px;
- height: 201px;
- padding: 10px;
- overflow: auto;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');}
- #highlyrec {
- position: absolute;
- top: 775px;
- left: -220px;
- width: 196px;
- height: 205px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #affies {
- position: absolute;
- top: 775px;
- left: 3px;
- width: 196px;
- height: 205px;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');
- overflow: auto;
- padding: 8px;}
- #bottombanner {
- position: absolute;
- top: 1005px;
- left: -220px;
- width: 866px;
- height: 200px;
- padding: 10px;
- overflow: auto;
- border: 0px solid #1b0a09;
- background-color: #39270b;
- background-image:url('');}
- .obsidianxx { h i d e c o d e s }
- <style>
- .latestblogentry {display: none;}
- .friendscomments {display:none;}
- .userprofileurl {display:none;}
- .contacttable {display:none;}
- .userprofiledetail{display:none;}
- </style>
- <style>tr {background-color: transparent;}</style>
- <style>
- .bodycontent td div div span a u {font-weight:normal;}
- .bodycontent tr {background-color:transparent;}
- .bodycontent table div br {line-height:0px;}
- </style>
- <style>.punyhumanxx{ h i d d e n s h i t }
- .blurbs{display:none;}.friendSpace { display:none; }.contactTable { display: none; }.interestsAndDetails { display:none;}.latestBlogEntry { display:none; }.friendsComments { display:none; }.userProfileDetail{ display:none; }.extendednetwork {display:none;}.userProfileURL{display:none;}.interestsAndDetails { display:none;}.userProfileURL {display:none;}.orangetext15 {visibility:hidden; display:none;}br {line-height:1px;} .friendSpace, .friendsComments{display:none!important;}.interestsAndDetails { display:none; } table.interestsAndDetails, table.interestsAndDetails td {border:0px; background-color:transparent;} table.interestsAndDetails span.lightbluetext8, table.interestsAndDetails td.text {display:none;}table.interestsAndDetails td td {width:0px; padding:0px;} .interestsAndDetails{position:relative; top: 0px;} #googlebar{display:none;} .clearfix{display:none;} #footerWarpper{display:none;}.userAlbums { display:none; } .profileinfo {width: 300px!important; margin-bottom: -16px!important; display: none;} .nametext { font-family: "gobold"!important;
- color: #d2d2d2;
- font-size: 28px;
- display: block;
- font-weight: lighter!important;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 0px;
- background-color: #464646;
- text-shadow: 2px 0px #334643, 2px 0px #334643;
- padding-left: 2px;
- line-height: 36px;
- margin-bottom: 4px;}
- td.text table {position:relative; top: -6px;}
- .{hide text properties}
- .whitetext12{display: none;}.lightbluetext8{display: none;}.lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;}
- </style>
- <style>
- .a {move left column}
- object, embed,
- table table table {position:relative; top: 79px; left: 188px;}
- table table table table {position:static;}
- .a {move right column}
- td.text table {position:relative; top: 50px!important; left: 200px;}
- td.text object, td.text embed,
- td.text table table {position:static;}
- table table { direction:rtl; } table table table { direction:ltr; }
- table table table {margin-top:-1px;}
- table table table table {margin-top:-3px;}
- table.profileinfo table td {display:none;}
- table.profileinfo table td.text {display:block;}
- .{hide text}
- .whitetext12{display: none;}.lightbluetext8{display: none;}.lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;}
- </style>
- -----------------------------------------------------------------
- -----------------------------------------------------------------
- LIKE TO MEET:
- -----------------------------------------------------------------
- -----------------------------------------------------------------
- </tr></table></td></tr></table><br /> <table bordercolor="" cellspacing="0" cellpadding="0" width="500" bgcolor="0" border="0"><tr></tr><tr><td><table bordercolor="" cellspacing="0" cellpadding="0" width="500" align="right" bgcolor="ffffff" border="2"><td valign="top" align="left" width="500" bgcolor="" style="word-wrap:break-word">
- <div id="main"></div>
- <div id="navi">
- <center><a href="/" class="navi1">Home</a><a href="/" class="navi1">Message</a><a href="/" class="navi1">Comment</a><a href="/" class="navi1">Rules</a><a href="/" class="navi1">extra</a><br><img src="https://i.imgur.com/nsOzGwj.png" width="845" style="border: 10px solid #4e350f;"><br><a href="/" class="navi1">extra</a><a href="/" class="navi1">extra</a><a href="/" class="navi1">extra</a><a href="/" class="navi1">extra</a><a href="/hightimes" class="navi1">credit</a></center>
- </div>
- <div id="storyline"><div style="float: left; width: 750px; height: 190px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <h3>Title Here</h3>
- <blockquote>quote here</blockquote>
- <b>bold</b> <i>italics</i> <u>underline</u> <strong>strong</strong> <small>small</small> <li>list</li>
- <h1>header one</h1>
- <h2>header two</h2>
- <h3>header three</h3>
- <h4>header four</h4>
- <h5>header five</h5>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- <br><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- </div></div>
- <div id="updates">
- <h1>Updates</h1>
- <div style="float: left; width: 187px; height: 165px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- <u>00/00/00</u> - - <i>update here</i><br>
- </div>
- </div>
- <div id="mostw">
- <h1>Most Wanted</h1>
- <div style="float: left; width: 185px; height: 60px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- <li>character name</li>
- </div></div>
- <div id="auditions">
- <h1>Auditions</h1>
- <div style="float: left; width: 185px; height: 55px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- <u>character name</u> - - <i>00</i><br>
- </div></div>
- <div id="featured">
- <img src="https://i.imgur.com/qXsQ5MH.gif" width="150" height="195" align="left">
- <h1>Featured Role</h1>
- <div style="float: left; width: 258px; height: 170px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- Here is where you can put info on any perks that come with taking on the featured role. Along with character information and whatnot.
- <br><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- <br><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- </div>
- </div>
- <div id="mods">
- <h1>moderators</h1>
- <div style="float: left; width: 187px; height: 165px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <img src="https://i.imgur.com/xzoKdGs.gif" style="border: 5px solid #39270b;" align="left"> <a href="/" class="first">Display Name</a><br><b>Title:</b> (Founder, Owner, etc.)<br><b>Member Since:</b> How long have you been involved with the group?<br><b>Duties:</b> After you're done giggling over the word <i>duties</i>, write what you contribute as a moderator here.<br><b>RPG Experience:</b> Here is where you put your experience with either being in or owning an RPG.<br><b>Message</b> What do you want the world to know?<br><br>
- <img src="https://i.imgur.com/lAb6Zf1.gif" style="border: 5px solid #39270b;" align="right"> <a href="/" class="first">Display Name</a><br><b>Title:</b> ---<br><b>Member Since:</b> ---<br><b>Duties:</b> ---<br><b>RPG Experience:</b> ---<br><b>Message</b> ---
- </div>
- </div>
- <div id="membz">
- <h1>Meet Our Members</h1>
- <marquee direction="left"scrollamount="3" onMouseOver="this.stop();" onMouseOut="this.start();">
- <a href="/"><img style="width:100px; height:167px; border: 5px solid #4e350f;" src="https://i.imgur.com/RRejrFK.png" title="character name"></a>
- <a href="/"><img style="width:100px; height:167px; border: 5px solid #4e350f;" src="https://i.imgur.com/nn04sAK.png" title="character name"></a>
- <a href="/"><img style="width:100px; height:167px; border: 5px solid #4e350f;" src="https://i.imgur.com/6YbZ89g.png" title="character name"></a>
- <a href="/"><img style="width:100px; height:167px; border: 5px solid #4e350f;" src="https://i.imgur.com/bFM7ljv.png" title="character name"></a>
- </marquee>
- </div>
- <div id="motm">
- <img src="https://i.imgur.com/OpszjNT.png" width="185" height="76" style="border: 5px solid #4e350f;">
- </div>
- <div id="rotm">
- <img src="https://i.imgur.com/xuTKokI.png" width="185" height="76" style="border: 5px solid #4e350f;">
- </div>
- <div id="motmx">
- <h1>member of the month</h1>
- <div style="float: left; width: 187px; height: 165px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <img src="https://i.imgur.com/IOC2wdd.gif" style="border: 5px solid #39270b;" align="left">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- <br><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- </div>
- </div>
- <div id="rotmx">
- <h1>romance of the month</h1>
- <div style="float: left; width: 187px; height: 165px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <img src="https://i.imgur.com/7I2kqvT.gif" style="border: 5px solid #39270b;" align="left">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- <br><br>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus ante vestibulum arcu venenatis semper. Donec tempus, neque et cursus condimentum, mi nisl ornare nisl, ut congue risus lacus id magna. Suspendisse consectetur dignissim mauris a sagittis. In hac habitasse platea dictumst. Morbi vel diam sollicitudin, varius metus at, luctus nisi. Aenean at dignissim enim. Sed viverra venenatis ornare. Aliquam nec fringilla risus. Ut dictum, nibh et varius molestie, dolor leo pharetra magna, in mattis turpis justo non magna. Mauris ac augue nec neque fermentum lacinia quis in ex.
- <br><br>
- Ut tempus posuere aliquet. Mauris accumsan varius est, vel dignissim est bibendum vitae. Aliquam iaculis, ante sed semper rhoncus, orci velit finibus ipsum, nec viverra mauris risus et nisi. Nunc pulvinar est in elementum ullamcorper. Sed dignissim nisi risus, a congue nisl aliquet vel. Duis at turpis vitae metus auctor sodales quis volutpat nulla. Vestibulum eu aliquam arcu. Suspendisse accumsan feugiat eros, ac facilisis ligula elementum vitae. Vivamus nec nunc congue, suscipit ex a, eleifend eros. Suspendisse condimentum, velit nec tincidunt malesuada, felis diam dignissim nulla, ut ultrices metus odio a dui. Quisque ornare, mauris id ullamcorper mattis, ligula nisi pretium nisi, non ornare sapien ante eget dui. Etiam at sapien eu lacus accumsan consectetur quis eu dolor. Quisque eu elit mollis, mollis tellus eu, consequat nisi. Praesent quis dui dui. Donec dui tellus, posuere eu rhoncus at, ullamcorper et lorem.
- </div>
- </div>
- <div id="sibsites">
- <h1>Sibling Sites</h1>
- <marquee direction="up"scrollamount="3" onMouseOver="this.stop();" onMouseOut="this.start();" width="410" height="180">
- <a href="/"><img src="https://i.imgur.com/86MnD95.png" style="width:400px; height:98px; border: 5px solid #4e350f;" title="site name"></a>
- <a href="/"><img src="https://i.imgur.com/86MnD95.png" style="width:400px; height:98px; border: 5px solid #4e350f;" title="site name"></a>
- <a href="/"><img src="https://i.imgur.com/86MnD95.png" style="width:400px; height:98px; border: 5px solid #4e350f;" title="site name"></a>
- <a href="/"><img src="https://i.imgur.com/86MnD95.png" style="width:400px; height:98px; border: 5px solid #4e350f;" title="site name"></a>
- </marquee>
- </div>
- <div id="highlyrec">
- <h1>highly rec</h1>
- <div style="float: left; width: 185px; height: 170px; padding: 5px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- </div>
- </div>
- <div id="affies">
- <h1>Affiliates</h1>
- <div style="float: left; width: 185px; height: 170px; padding: 4px; overflow: auto; background-color: #4e350f; background-image:url('');">
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- <a href="/" class="second">Affie Name</a>
- <a href="/" class="first">Affie Name</a>
- </div>
- </div>
- <div id="bottombanner">
- <img style="width:855px; height:190px; border: 5px solid #4e350f;" src="https://i.imgur.com/FtKACGr.png">
- </div>
- <div class="music">
- <div style="position:absolute; overflow:visible; top:2px; left:-35px; height:30px; width:30px; font-size:33px; color:#000000; line-height:25px;"></div>
- <div class="ghost">
- <div class="player">
- <audio autoplay loop>
- <source src="http://k007.kiwi6.com/hotlink/y9j3nqpypb/waiting_around_to_die.mp3">
- </audio>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement