Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
- .mainContainer{
- width:460px;
- padding:20px;
- background-image:url('https://i.imgur.com/X4hfsJX.png');
- }
- .innerContainer{
- width:460px;
- height:794px;
- }
- .bulletinTitle{
- width: 460px;
- padding-top: 20px;
- padding-bottom: 20px;
- background: #514031;
- color: #000;
- font-family: 'Open Sans Condensed', sans-serif;
- text-transform: uppercase;
- font-size: 40px;
- font-weight: 100;
- }
- .bulletinTitle::first-letter{
- color:#1d0005;
- }
- h1{
- width: 200px;
- padding-top: 10px;
- padding-bottom: 10px;
- background: #514031;
- color: #000;
- font-family: 'Open Sans Condensed', sans-serif;
- text-transform: uppercase;
- font-size: 20px;
- font-weight: 100;
- text-align: center;
- margin:0;
- margin-bottom:10px;
- }
- a.bulletinLinksHere, a.bulletinLinksHere:link, a.bulletinLinksHere:active, a.bulletinLinksHere:visited {
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 13px;
- width: 64px;
- line-height: 15px;
- margin-bottom: 10px;
- display: inline-block;
- background-color: #514031;
- color: #000;
- padding: 10px;
- text-transform: uppercase;
- }
- a.bulletinLinksHere:hover {
- color:#6e5946;
- text-decoration: none;
- }
- a.topLinksHolder, a.topLinksHolder:link, a.topLinksHolder:active, a.topLinksHolder:visited {
- font-family: 'Open Sans Condensed', sans-serif;
- font-size: 13px;
- line-height: 15px;
- margin-bottom: 10px;
- display: inline-block;
- background-color: #514031;
- color: #000;
- padding: 10px;
- text-transform: uppercase;
- margin-top:20px;
- margin-bottom:20px;
- width:70px;
- }
- a.topLinksHolder:hover {
- color:#6e5946;
- text-decoration: none;
- }
- .firstPicture{
- width:220px;
- height:150px;
- margin-right:15px;
- background:#fff;
- display: inline-block;
- vertical-align: top;
- margin-top:20px;
- }
- .aboutUsGroup{
- width:200px;
- height:130px;
- background:#000;
- display: inline-block;
- vertical-align: top;
- margin-top:20px;
- overflow: auto;
- font-family: 'Open Sans Condensed', sans-serif;
- color:#514031;
- padding:10px;
- font-size:18px;
- text-align:justify;
- }
- .ourMembersBox{
- width:220px;
- height:150px;
- margin-right:15px;
- background:#000;
- display: inline-block;
- vertical-align: top;
- margin-top:20px;
- overflow: auto;
- }
- .affiliateBox{
- width:460px;
- height:150px;
- background:#000;
- display: inline-block;
- vertical-align: top;
- margin-top:20px;
- text-align: center;
- overflow: auto;
- }
- .secondPicture{
- width:220px;
- height:150px;
- display: inline-block;
- vertical-align: top;
- margin-top:20px;
- }
- ::-webkit-scrollbar-thumb:vertical {background-color:#1d0005;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#BFAA87;}
- ::-webkit-scrollbar {width:2px; height:2px; background-color:#6e5946;}
- </style>
- <center>
- <div class="mainContainer">
- <div class="innerContainer">
- <div class="bulletinTitle">
- Sealed in Blood Train
- </div>
- <a href="https://www.roleplayer.me/view_blog.php?id=0000488813" class="topLinksHolder" style="margin-right:20px;">rules</a>
- <a href="https://www.roleplayer.me/view_blog.php?id=0000488816" class="topLinksHolder" style="margin-right:20px;">audition form</a>
- <a href="https://www.roleplayer.me/send_message.php?member_id=1658092" class="topLinksHolder" style="margin-right:20px;">message</a>
- <a href="https://www.roleplayer.me/view_blog.php?id=0000488814" class="topLinksHolder">open roles</a>
- <div class="firstPicture">
- <img src="https://i.imgur.com/ayFHlzB.png">
- </div>
- <div class="aboutUsGroup">
- <h1>About Us</h1>
- talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here. talk about the group here.
- </div>
- <div class="bulletinTitle" style="margin-top:20px;">
- Our Members
- </div>
- <div class="ourMembersBox">
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- <a href="/" class="bulletinLinksHere">name<br>here</a>
- </div>
- <div class="secondPicture">
- <img src="https://i.imgur.com/IrDN5zx.png">
- </div>
- <div class="bulletinTitle" style="margin-top:20px;">
- Our Affiliates
- </div>
- <div class="affiliateBox">
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- <a href="/" class="bulletinLinksHere">Affiliate name here</a>
- </div>
- </div>
- </div>
- </center>
Add Comment
Please, Sign In to add comment