Page #5 - Theme page

<!----

                                               | |
                _ __ ___   ___   ___  _ __  ___| |_ __ _ _ __
               | '_ ` _ \ / _ \ / _ \| '_ \/ __| __/ _` | '__|
               | | | | | | (_) | (_) | | | \__ \ || (_| | |
               |_| |_| |_|\___/ \___/|_| |_|___/\__\__,_|_|


                              _   _
                             | | | |
                             | |_| |__   ___ _ __ ___   ___  ___
                             | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
                             | |_| | | |  __/ | | | | |  __/\__ \
                              \__|_| |_|\___|_| |_| |_|\___||___/



                                               page theme #5

                                             ◜ ◝ ◞ ★ ☾ sun ☽ ★ ◟ ◠ ◡

                          ᵗʰᶤˢ ᵗʰᵉᵐᵉ ʷᵃˢ ᵐᵃᵈᵉ ᵇʸ ᵐᵒᵒᶰˢᵗᵃʳ ᵗʰᵉᵐᵉˢ /  ᶤᵐ⁻ʰᵃˡˢᵉʸ
                             ᵖˡᵉᵃˢᵉ ʳᵉˢᵖᵉᶜᵗ ᵐʸ ᵗʰᵉᵐᵉ ʳᵘˡᵉˢ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
         ᶤ ᵈᵒᶰᵗ ᵉˣᵖᵉᶜᵗ ᵐᵘᶜʰ ᶠʳᵒᵐ ᵘ ᵇᵘᵗ ᵖˡˢ ᵏᵉᵉᵖ ᵗʰᵉ ᶜʳᵉᵈᶤᵗ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
                                                   ᵃᶰᵈ ᵈᵒᶰᵗ ˢᵗᵉᵃˡ ᵃᶰʸᵗʰᶤᶰᵍ :⁾


--->
<!DOCTYPE html>
<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<!-- jquery -->

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Roboto:400,700:latin' , 'Roboto::latin' , 'Abel::latin', 'Sarpanch::latin', 'Khand:400,600:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>
 </script>


 <head>
<!--CSS customization here. -->

<style type="text/css">
            #s-m-t-tooltip{
            font-size:9px;
            position:absolute;
            margin-top: 15px;
            letter-spacing:1px;
            z-index:9999;
            background:white;
            text-transform:uppercase;
            padding:2px 3px 2px 3px;
            }
            ::-webkit-scrollbar{
            height: 5px;
            width: 4px;
            -webkit-border-radius: 0px;
            background-color:white}
            ::-webkit-scrollbar-thumb{
                background-color:#eee;
            }
            ::-webkit-scrollbar-track{
                background-color:white;
            }
            #text{
            margin-bottom:50px;
            margin-top:100px;
            margin-top:5px;
            text-transform:uppercase;
            font-size:9px;
            letter-spacing:2px;
            text-align:center;
            }
            blockquote {padding:5px 0 5px 30px;
            border-left:1px solid #eee;
            margin:10px 30px;
            }
            body{
            color:#333;
            font-family:arial;
            font-weight:100;
            font-size:11px;
            text-align:justify;
            margin:0;
            line-height:18px;
            background:#fff;
            }
            a{
            color:black;
            text-decoration:none;
            -webkit-transition:all 0.8s;
            -moz-transition:all 0.8s;
            -ms-transition:all 0.8s;
            -o-transition:all 0.8s;
            transition:all 0.8s;
            }
            a:hover{
            background:#f8f8f8;
            -webkit-transition:all 0.8s;
            -moz-transition:all 0.8s;
            -ms-transition:all 0.8s;
            -o-transition:all 0.8s;
            transition:all 0.8s;
            }
            img{
            border:none;
            text-decoration:none
            }
            p{
            margin-top:5px;
            margin-bottom:5px
            }
            b{
            font-weight:bold;
            padding:2px;
            color:#000000;
            }
             i{
            font-weight:bold;
            padding:2px;
            font-style:italic;
            letter-spacing:-2px;
            font-size:14px;
            color:#ff0000;
            }
            /*container*/
            #con{
            left:400px;
            width:700px;
            height:530px;
            top:70px;
            padding-left:30px;
            padding-top:30px;
            padding-right:50px;
            overflow:auto;
            display:inline-block;
            outline:1px solid #ddd;
            position:fixed;
            }
            /*posts*/
            .posts{
            width:180px;
            background:white;
            display:inline-block;
            margin:10px;
            }
            #image{
            position:absolute;
            margin-right:15px;
            display:inline-block;
            letter-spacing:15px;
            }
            #image img{
            width:190px;
            padding:4px;
            display:inline-block;
            position:absolute;
            border:1px solid #eee;
            }
            .info{
            margin-left:10px;
            margin-top:110px;
            display:inline-block;
            width:185px;
            }
            .tit{
            font-weight:none;
            font-family: 'roboto', sans-serif;
            color:black;
            font-size:9px;
            text-align:justify;
            letter-spacing:1px;
            display:inline-block;
            text-transform:uppercase;
            }
            .lank{
            border-bottom:1px solid #eee;
            margin-bottom:5px;
            display:inline-block;
            padding-bottom:5px;
            }
            .about ul{
            margin-left:-10px
            }
            /*header*/
            .l {
            background:#fff;
            margin-top:10px;
            width:400px;
            text-align:center;
            font-family:arial;
            text-transform:uppercase;
            }
            #title {font-size:29px;
            margin-bottom:12px;
            text-align:justify;
            letter-spacing:0px;
            font-family: 'Khand', sans-serif;
            text-transform:uppercase;
            color:black;
            font-weight:bold;
            width:auto;
            line-height:21px;
            background:#fff;
            margin-top:28px;
            margin-left:383px;
            padding:15px;
            }
            #title:first-letter {
            font-size:29px;
            font-weight:bold;
            text-align:center;
            font-family: 'arial', sans-serif;
            color:#ede5f3;
            padding:0px;
            }
            .links{
            padding-bottom:10px;;
            margin-left:90px;
            }
            .links a {margin:0 5px;
            padding:2px 5px;
            border:none;
            font-size:9px;
            font-family:'Roboto' , sans-serif;
            text-align:right;
            font-weight:bold;
            letter-spacing:0px;
            }
            .links a:hover {background:#f8f8f8;}
            .desc {
            text-transform:none;
            width:200px;
            border-bottom:none;
            margin-left:5px;
            outline:1px solid #eee;
            outline-offset:7px;
            margin-top:10px;
            font-family:arial;
            }
            #credit{
            position:fixed;
            font-size:13px;
            font-weight:bold;
            padding-bottom:5px;
            padding-top:5px;
            height:20px;
            width:20px;
            opacity:1;
            padding-left:5px;
            padding-right:5px;
            margin-left:1200px;
            top:645px;
            letter-spacing:0px;
            line-height:22px;
            text-decoration:underline;
            text-align:center;
            float:left;
            color:#000000;
            text-transform:uppercase;
            background-color: rgba(255,255,255, 0.3);
            transition-duration: 0.8s;
            }

</style>








</head>

<body>
    <div id="title">Theme page #5</div>
    <div class="links">
    <a href="/">HOME</a>
    <a href="/ask">ASK</a>
    <a href="/">LINK 1</a>
    <a href="/">LINK 2</a>
    <div class="desc">Your Theme page description goes here. You can make it as long as you want. Feel free! :)</div>
<div id="con">


<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->

<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->

<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->

<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->

<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->


<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->

<!--entry-->
<div class="posts">
<div id="image"><!--the url for your image goes here--><img src="https://40.media.tumblr.com/fe4e491663f5cb2b0e39441d57e5a417/tumblr_nwf798bRx01u9o0yqo1_540.jpg"></div>
<div class="info">
<!--theme title here--><div class="tit">Theme Title</div>
<!--links here--><div class="lank">
<a href="preview link here">Preview</a> | <a href="code link here">Code</a> | <a href="info link here">Info</a>
</div>
<div class="about"><!--theme description goes here>-->
</br>
Theme description.
</ul>
</div>
</div>
</div>
<!--end entry-->


</div>
 </body>
 <div id="credit">
     <a href="http://adf.ly/1Q6OGo"title="moonstar themes">Theme</a></div>
</html>