Jump to content
  • Reflection

       (0 reviews)

    A sci-fi post template.


    Actual Template Responsive

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra lacinia lectus, ut luctus erat. Sed massa massa, sodales tempor dapibus sit amet, commodo vel metus. Maecenas mattis auctor dui ut ornare. Fusce porta metus ac efficitur pretium. Curabitur sed tristique eros. Proin pellentesque mollis odio, in cursus lacus. Sed non tellus dictum, consectetur elit at, condimentum enim. Pellentesque consectetur finibus auctor. Cras porta nibh vitae dolor eleifend, at elementum nisl egestas. Nulla vestibulum aliquam justo ut pulvinar.

    Suspendisse eu dignissim massa. Proin nulla mi, pellentesque sed tristique eu, vehicula eget urna. Donec feugiat dui non mi rutrum, eu ullamcorper justo porta. Pellentesque laoreet accumsan urna, vel auctor lacus faucibus vitae. Etiam facilisis scelerisque pharetra. Vivamus porta quam id velit feugiat, et posuere turpis consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vestibulum commodo massa a fringilla. Sed vestibulum magna sed leo feugiat, vitae interdum est bibendum. Nullam at mollis neque. Duis quis faucibus diam.

    Nulla nec pulvinar sapien, eget iaculis sapien. Nulla sem lectus, tempor nec orci in, fermentum euismod lectus. Aliquam nisi purus, condimentum a porta et, porttitor quis felis. Curabitur faucibus blandit fermentum. Sed sed eros efficitur, ultrices nulla tincidunt, convallis leo. Etiam maximus fermentum dolor, gravida viverra est consequat a. Donec euismod scelerisque lectus sit amet lacinia. In rhoncus ante eget lectus venenatis venenatis. Maecenas vehicula, ligula vitae dapibus ullamcorper, tortor libero rutrum mi, vitae porta nisl odio vel est. Sed sit amet pretium risus.

    Vestibulum convallis dignissim nulla, vitae molestie nibh accumsan sed. Sed sit amet dapibus nunc, vitae scelerisque nibh. Integer commodo massa in congue sodales. Ut volutpat porta urna, vel rhoncus lacus ultricies a. Curabitur a massa laoreet, vestibulum quam id, iaculis purus. Etiam imperdiet tempus auctor. Mauris nisi est, faucibus in dictum id, molestie id nisi. Ut pellentesque lobortis risus, sed vehicula dui. Nunc egestas, augue ut condimentum commodo, nisi lectus maximus dolor, et consequat dolor dui eget tortor. Nullam lobortis lobortis rutrum. Suspendisse vel odio nunc. Nam tincidunt turpis sit amet tellus convallis feugiat. Duis non hendrerit tellus. Mauris suscipit maximus lacus, a laoreet augue ullamcorper eget. Proin pulvinar gravida posuere.

    Donec elementum vehicula neque, eget placerat ligula fermentum sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tempor, dui hendrerit consequat gravida, elit lacus dictum orci, non aliquet tellus purus sed orci. Nam euismod purus velit, at efficitur lacus dictum a. Donec bibendum nunc in ligula volutpat, ac tincidunt nulla vestibulum. Sed imperdiet id nisi in pellentesque. Vestibulum non ligula tellus. Duis ac nisl bibendum, varius velit nec, molestie neque. In hac habitasse platea dictumst. Donec egestas, odio at rutrum aliquam, elit tellus eleifend libero, ut sollicitudin quam ante ac risus. Vestibulum semper felis sed risus sagittis, sed faucibus turpis semper. Sed ultrices eros id quam sodales sollicitudin.

    @name

    Template code

    <div class="wars">
      <div>
        <!-- PUT POST HERE -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi viverra lacinia lectus, ut luctus erat. Sed massa massa, sodales tempor dapibus sit amet, commodo vel metus. Maecenas mattis auctor dui ut ornare. Fusce porta metus ac efficitur pretium. Curabitur sed tristique eros. Proin pellentesque mollis odio, in cursus lacus. Sed non tellus dictum, consectetur elit at, condimentum enim. Pellentesque consectetur finibus auctor. Cras porta nibh vitae dolor eleifend, at elementum nisl egestas. Nulla vestibulum aliquam justo ut pulvinar.
    <p />
    Suspendisse eu dignissim massa. Proin nulla mi, pellentesque sed tristique eu, vehicula eget urna. Donec feugiat dui non mi rutrum, eu ullamcorper justo porta. Pellentesque laoreet accumsan urna, vel auctor lacus faucibus vitae. Etiam facilisis scelerisque pharetra. Vivamus porta quam id velit feugiat, et posuere turpis consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vestibulum commodo massa a fringilla. Sed vestibulum magna sed leo feugiat, vitae interdum est bibendum. Nullam at mollis neque. Duis quis faucibus diam.
    <p />
    Nulla nec pulvinar sapien, eget iaculis sapien. Nulla sem lectus, tempor nec orci in, fermentum euismod lectus. Aliquam nisi purus, condimentum a porta et, porttitor quis felis. Curabitur faucibus blandit fermentum. Sed sed eros efficitur, ultrices nulla tincidunt, convallis leo. Etiam maximus fermentum dolor, gravida viverra est consequat a. Donec euismod scelerisque lectus sit amet lacinia. In rhoncus ante eget lectus venenatis venenatis. Maecenas vehicula, ligula vitae dapibus ullamcorper, tortor libero rutrum mi, vitae porta nisl odio vel est. Sed sit amet pretium risus.
    <p />
    Vestibulum convallis dignissim nulla, vitae molestie nibh accumsan sed. Sed sit amet dapibus nunc, vitae scelerisque nibh. Integer commodo massa in congue sodales. Ut volutpat porta urna, vel rhoncus lacus ultricies a. Curabitur a massa laoreet, vestibulum quam id, iaculis purus. Etiam imperdiet tempus auctor. Mauris nisi est, faucibus in dictum id, molestie id nisi. Ut pellentesque lobortis risus, sed vehicula dui. Nunc egestas, augue ut condimentum commodo, nisi lectus maximus dolor, et consequat dolor dui eget tortor. Nullam lobortis lobortis rutrum. Suspendisse vel odio nunc. Nam tincidunt turpis sit amet tellus convallis feugiat. Duis non hendrerit tellus. Mauris suscipit maximus lacus, a laoreet augue ullamcorper eget. Proin pulvinar gravida posuere.
    <p />
    Donec elementum vehicula neque, eget placerat ligula fermentum sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tempor, dui hendrerit consequat gravida, elit lacus dictum orci, non aliquet tellus purus sed orci. Nam euismod purus velit, at efficitur lacus dictum a. Donec bibendum nunc in ligula volutpat, ac tincidunt nulla vestibulum. Sed imperdiet id nisi in pellentesque. Vestibulum non ligula tellus. Duis ac nisl bibendum, varius velit nec, molestie neque. In hac habitasse platea dictumst. Donec egestas, odio at rutrum aliquam, elit tellus eleifend libero, ut sollicitudin quam ante ac risus. Vestibulum semper felis sed risus sagittis, sed faucibus turpis semper. Sed ultrices eros id quam sodales sollicitudin.<!-- END POST -->
      </div>
      <h3 class="special"><!--TAG HERE OR WHATEVER-->@name</h3>
    </div>
    
    <!-- FONT -->
    <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
    <!-- END FONT -->
    
    <style>.wars {
      font: 1.2em sans-serif;
      background: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.ep_naturalblack.png.47bae3b00dd8ec467f4dda9c3b5ad8a1.png) #141414; /* background */
      box-shadow: inset 0 0 0 2000px rgba(0,0,0, .3); /* puts a semitransparent overlay over the thing*/
      color: #ccc; /* font color */
      text-shadow: 1px 1px 0 #000; /* text shadow */
      padding: 2%;
    }
    
    .wars > div {
      background: rgba(0,0,0, .2); /* behind the text */
      padding: 1%;
    }
    
    .special {
      margin-top: 0;
      margin-bottom: 1%;
      font-size: 1.2em;
      font-family: 'Orbitron', sans-serif;
      text-transform: uppercase;
      text-align: right;
      letter-spacing: 2px;
      color: transparent; /* the color comes from the gradient and text shadow */
      background: linear-gradient(teal, powderblue); /* top color to bottom color */
      text-shadow: 2px 2px 3px rgba(0,128,128, .4); /* base solid color */
      -webkit-background-clip: text; /* gradient only with the text */
      -moz-background-clip: text; /* gradient only with the text */
      background-clip: text; /* gradient only with the text */
      -webkit-box-reflect: below 0 linear-gradient(transparent, rgba(255,255,255, .5)); /* reflection! */
    }
    
    /* override any styles the forum theme might put on this */
    .special > a,
    .special > a:hover {
      color: transparent;
      text-decoration: none;
      }</style>



    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.