mebuckner

Custom Order - Sealed in Blood - Bulletin Template

Nov 3rd, 2020
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.71 KB | None | 0 0
  1. <style>
  2.     @import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
  3.  
  4.     .mainContainer{
  5.         width:460px;
  6.         padding:20px;
  7.         background-image:url('https://i.imgur.com/X4hfsJX.png');
  8.     }
  9.  
  10.     .innerContainer{
  11.         width:460px;
  12.         height:794px;
  13.     }
  14.  
  15.     .bulletinTitle{
  16.         width: 460px;
  17.         padding-top: 20px;
  18.         padding-bottom: 20px;
  19.         background: #514031;
  20.         color: #000;
  21.         font-family: 'Open Sans Condensed', sans-serif;
  22.         text-transform: uppercase;
  23.         font-size: 40px;
  24.         font-weight: 100;
  25.     }
  26.  
  27.     .bulletinTitle::first-letter{
  28.         color:#1d0005;
  29.     }
  30.  
  31.     h1{
  32.         width: 200px;
  33.         padding-top: 10px;
  34.         padding-bottom: 10px;
  35.         background: #514031;
  36.         color: #000;
  37.         font-family: 'Open Sans Condensed', sans-serif;
  38.         text-transform: uppercase;
  39.         font-size: 20px;
  40.         font-weight: 100;
  41.         text-align: center;
  42.         margin:0;
  43.         margin-bottom:10px;
  44.     }
  45.  
  46.  
  47.     a.bulletinLinksHere, a.bulletinLinksHere:link, a.bulletinLinksHere:active, a.bulletinLinksHere:visited {
  48.         font-family: 'Open Sans Condensed', sans-serif;
  49.         font-size: 13px;
  50.         width: 64px;
  51.         line-height: 15px;
  52.         margin-bottom: 10px;
  53.         display: inline-block;
  54.         background-color: #514031;
  55.         color: #000;
  56.         padding: 10px;
  57.         text-transform: uppercase;
  58.     }  
  59.      
  60.     a.bulletinLinksHere:hover {
  61.         color:#6e5946;
  62.         text-decoration: none;
  63.     }
  64.  
  65.     a.topLinksHolder, a.topLinksHolder:link, a.topLinksHolder:active, a.topLinksHolder:visited {
  66.         font-family: 'Open Sans Condensed', sans-serif;
  67.         font-size: 13px;
  68.         line-height: 15px;
  69.         margin-bottom: 10px;
  70.         display: inline-block;
  71.         background-color: #514031;
  72.         color: #000;
  73.         padding: 10px;
  74.         text-transform: uppercase;
  75.         margin-top:20px;
  76.         margin-bottom:20px;
  77.         width:70px;
  78.     }  
  79.      
  80.     a.topLinksHolder:hover {
  81.         color:#6e5946;
  82.         text-decoration: none;
  83.     }
  84.  
  85.  
  86.  
  87.     .firstPicture{
  88.         width:220px;
  89.         height:150px;
  90.         margin-right:15px;
  91.         background:#fff;
  92.         display: inline-block;
  93.         vertical-align: top;
  94.         margin-top:20px;
  95.     }
  96.  
  97.     .aboutUsGroup{
  98.         width:200px;
  99.         height:130px;
  100.         background:#000;
  101.         display: inline-block;
  102.         vertical-align: top;
  103.         margin-top:20px;
  104.         overflow: auto;
  105.         font-family: 'Open Sans Condensed', sans-serif;
  106.         color:#514031;
  107.         padding:10px;
  108.         font-size:18px;
  109.         text-align:justify;
  110.     }
  111.  
  112.     .ourMembersBox{
  113.         width:220px;
  114.         height:150px;
  115.         margin-right:15px;
  116.         background:#000;
  117.         display: inline-block;
  118.         vertical-align: top;
  119.         margin-top:20px;
  120.         overflow: auto;
  121.     }
  122.  
  123.     .affiliateBox{
  124.         width:460px;
  125.         height:150px;
  126.         background:#000;
  127.         display: inline-block;
  128.         vertical-align: top;
  129.         margin-top:20px;
  130.         text-align: center;
  131.         overflow: auto;
  132.     }
  133.  
  134.     .secondPicture{
  135.         width:220px;
  136.         height:150px;
  137.         display: inline-block;
  138.         vertical-align: top;
  139.         margin-top:20px;
  140.     }
  141.  
  142.     ::-webkit-scrollbar-thumb:vertical {background-color:#1d0005;}
  143.     ::-webkit-scrollbar-thumb:horizontal {background-color:#BFAA87;}
  144.     ::-webkit-scrollbar {width:2px; height:2px; background-color:#6e5946;}
  145. </style>
  146. <center>
  147. <div class="mainContainer">
  148.     <div class="innerContainer">
  149.         <div class="bulletinTitle">
  150.             Sealed in Blood Train
  151.         </div>
  152.         <a href="https://www.roleplayer.me/view_blog.php?id=0000488813" class="topLinksHolder" style="margin-right:20px;">rules</a>
  153.         <a href="https://www.roleplayer.me/view_blog.php?id=0000488816" class="topLinksHolder" style="margin-right:20px;">audition form</a>
  154.         <a href="https://www.roleplayer.me/send_message.php?member_id=1658092" class="topLinksHolder" style="margin-right:20px;">message</a>
  155.         <a href="https://www.roleplayer.me/view_blog.php?id=0000488814" class="topLinksHolder">open roles</a>
  156.         <div class="firstPicture">
  157.             <img src="https://i.imgur.com/ayFHlzB.png">
  158.         </div>
  159.         <div class="aboutUsGroup">
  160.             <h1>About Us</h1>
  161.             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.
  162.         </div>
  163.  
  164.         <div class="bulletinTitle" style="margin-top:20px;">
  165.             Our Members
  166.         </div>
  167.  
  168.         <div class="ourMembersBox">
  169.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  170.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  171.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  172.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  173.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  174.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  175.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  176.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  177.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  178.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  179.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  180.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  181.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  182.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  183.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  184.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  185.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  186.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  187.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  188.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  189.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  190.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  191.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  192.             <a href="/" class="bulletinLinksHere">name<br>here</a>
  193.         </div>
  194.         <div class="secondPicture">
  195.             <img src="https://i.imgur.com/IrDN5zx.png">
  196.         </div>
  197.  
  198.         <div class="bulletinTitle" style="margin-top:20px;">
  199.             Our Affiliates
  200.         </div>
  201.  
  202.         <div class="affiliateBox">
  203.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  204.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  205.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  206.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  207.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  208.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  209.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  210.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  211.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  212.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  213.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  214.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  215.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  216.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  217.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  218.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  219.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  220.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  221.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  222.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  223.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  224.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  225.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  226.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  227.             <a href="/" class="bulletinLinksHere">Affiliate name here</a>
  228.         </div>
  229.     </div>
  230. </div>
  231. </center>
Add Comment
Please, Sign In to add comment