Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- <!--
- PAGE PACK - #6 FANFIC PAGE BY KIMTYS.TUMBLR.COM
- edit as much as you want but please don't hide or remove credits!
- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="description" content="{MetaDescription}" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
- <script>
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- </script>
- <style type="text/css">
- #s-m-t-tooltip {
- z-index: 9999;
- background: #fff; /* TOOLTIP COLOR */
- line-height:150%;
- font: 9px tunga;
- font-style: normal;
- letter-spacing: 1px;
- font-weight:bold;
- text-transform: uppercase;
- border: 2px solid #f5f5f5; /* TOOLTIP BORDER 1 COLOR */
- outline:2px solid #fff; /* TOOLTIP BORDER 2 COLOR */
- max-width: 300px;
- color:#bbb; /* TOOLTIP TEXT COLOR */
- text-align: justify;
- padding: 3px 6px 2px 6px;
- display: block;
- margin: 24px 14px 7px 12px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background: #ffc3d4; /* SCROLL COLOR */
- height: 5px;
- width:9px;
- border-radius: 0px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;
- }
- ::-webkit-scrollbar {
- height: 0px;
- width: 3px;
- background: #fff; /* SCROLLBAR COLOR (SAME AS BOX) */
- }
- ::-moz-selection {
- background:#ffc3d4; /* SELECT BACKGROUND COLOR */
- color:#fff; /* SELECT TEXT COLOR */
- }
- ::selection {
- background:#ffc3d4; /* SELECT BACKGROUND COLOR */
- color:#fff; /* SELECT TEXT COLOR */
- }
- body {
- background-color: #f5f5f5; /* BACKGROUND COLOR */
- font-size: 10px;
- font-family:arial;
- text-align: center;
- line-height: 100%;}
- a {
- color:#aaa; /* LINK COLOR */
- text-decoration:underline;
- }
- a:hover {
- color:#aaa; /* LINK HOVER COLOR */
- cursor:help;
- text-decoration:none;
- }
- b, bold, strong {
- color:#aaa; /* BOLD COLOR */
- }
- #center {
- width:auto;
- margin-top:0px;
- margin-bottom:0px;
- margin-right:-7px;
- background:transparent;
- }
- #sidebar {
- position: fixed;
- border-right:2px solid #f5f5f5; /* SIDEBAR BORDER 1 COLOR */
- outline:2px solid #fff; /* SIDEBAR BORDER 2 COLOR */
- width: 265px;
- height:100%;
- text-align: center;
- top: 0px;
- left:0px;
- z-index:99;
- padding-right:0px;
- background:#fff; /* SIDEBAR BACKGROUND COLOR */
- }
- .sidebar {
- margin:auto;
- margin-top:100px; /* TITLE TOP POSITION */
- }
- #title{
- font-family: 'Oswald', sans-serif;
- line-height:90%;
- font-size:40px;
- font-weight:300;
- text-transform:uppercase;
- color: #ccc; /* TITLE COLOR */
- padding: 5px;
- text-align:center;
- margin-top:0px;
- margin-bottom:-15px;}
- #title span {
- font-weight:300;
- color:#ffc3d4; /* TITLE SECOND COLOR */
- }
- #desc {
- position:relative;
- font-size: 9px;
- font-family: tunga;
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:bold;
- margin:auto;
- color: #bbb; /* DESCRIPTION FONT COLOR */
- overflow:scroll;
- overflow:auto;
- line-height:180%;
- max-height:80px;
- margin-top:22px;
- opacity:1;
- width:200px;
- background:#f5f5f5; /* DESCRIPTION BACKGROUND COLOR */
- border:2px solid #fff; /* DESCRIPTION BORDER 1 COLOR */
- outline:2px solid #f5f5f5; /* DESCRIPTION BORDER 2 COLOR */
- padding:8px 8px 8px 8px;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;}
- #link {
- display:inline-block;
- font:9px tunga;
- text-transform:uppercase;
- font-weight:bold;
- letter-spacing:1px;
- margin-top:5px;
- }
- #link a {
- color:#bbb; /* DESC LINK COLOR */
- padding: 1px 4px 0px 4px;
- text-decoration:none;
- }
- #link a:hover {
- background:#f5f5f5; /* DESC LINK BACKGROUND HOVER COLOR */
- color:#bbb; /* DESC LINK HOVER COLOR */
- text-decoration:none;
- }
- .box {
- width: 900px;
- height:100%;
- margin-top:0px;
- margin-bottom: 50px;
- background:transparent;
- padding:10px;
- margin-left:150px;
- padding-left:200px;
- padding-bottom:20px;
- }
- .ficb {
- border-top:2px solid #fff; /* FIC BORDER 2 COLOR */
- border-left:2px solid #fff; /* FIC BORDER 2 COLOR */
- border-right:2px solid #fff; /* FIC BORDER 2 COLOR */
- border-bottom:2px solid #fff; /* FIC BORDER 2 COLOR */
- margin-right:10px; /* DISTANCE BETWEEN FICS */
- margin-bottom:25px; /* DISTANCE BETWEEN FICS */
- margin-left:10px; /* DISTANCE BETWEEN FICS */
- line-height:150%;
- width:430px; /* FIC WIDTH */
- background:transparent;
- }
- .fic a{
- list-style:square;
- color:#ccc; /* FIC TITLE COLOR */
- background:#fff; /* FIC TITLE BACKGROUND */
- font-family: 'Oswald', sans-serif;
- font-size: 20px; /* FIC TITLE FONT SIZE */
- border:2px solid #f5f5f5; /* FIC TITLE BORDER 1 COLOR */
- padding:10px;
- text-decoration:none;
- text-transform:uppercase;
- margin:0px 0px 0px 0px;
- line-height:110%;
- font-weight:300;
- display:block;
- text-align: center;
- word-spacing: 1px;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;}
- .fic a:hover{
- background:#f5f5f5; /* FIC TITLE HOVER BACKGROUND COLOR */
- color:#ffc3d4; /* FIC TITLE HOVER COLOR */
- text-decoration:none;
- }
- .fic span {
- font-weight:300;
- color:#ffc3d4; /* FIC TITLE SECOND COLOR */
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- .fic a:hover span {
- color:#ffc3d4; /* FIC TITLE HOVER SECOND COLOR */
- }
- .stuff {
- font-family: tunga;
- font-size: 9px;
- color: #bbb; /* INFO TEXT COLOR */
- letter-spacing:1px;
- font-weight:bold;
- line-height:150%;
- margin:-2px 0px 0px 0px;
- text-transform: uppercase;
- text-align:left;
- background:#fff; /* INFO BACKGROUND COLOR */
- margin:2px;
- margin-top:0px;
- padding:10px;
- text-align:justify;}
- .stuff b {
- color:#ffc3d4; /* INFO SUBTITLES COLOR */
- letter-spacing:3px;
- }
- hr {
- border:0;
- height:2px;
- background: #fff; /* BREAK LINE COLOR */
- }
- #group {
- font-family:'Oswald', sans-serif;
- text-transform:uppercase;
- word-spacing:3px;
- margin-left:0px;
- font-size:45px;
- padding-left:0px;
- padding-right:20px;
- text-align:left;
- margin-left:10px;
- margin-bottom:50px;
- margin-top:60px;
- color:#fff; /* GROUPS FONT COLOR */
- }
- #by {
- font-family:'Oswald', sans-serif;
- text-transform:uppercase;
- font-size:11px;
- font-weight:normal;
- text-align:right;
- margin-top:-2px;
- margin-left:-2px;
- margin-right:-2px;
- margin-bottom:10px;
- }
- #by a {
- color: #ffc3d4; /* AUTHOR LINK COLOR */
- text-decoration:none;
- }
- #by a:hover {
- text-decoration:underline;
- }
- #cr {
- bottom:10px;
- left:10px;
- font-weight:bold;
- color:#ffc3d4; /* CR LINK COLOR */
- font-size:12px;
- position:fixed;
- background:#f5f5f5; /* CR BACKGROUND COLOR */
- padding:7px 7px;
- border: 2px solid #fff; /* CR BORDER 1 COLOR */
- outline:2px solid #f5f5f5; /* CR BORDER 2 COLOR */
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <!-- CREDIT -->
- <a href="https://kimtys.tumblr.com" title="theme by kimtys"><div id="cr">k.</div></a>
- <!-- SIDEBAR -->
- <div class="sidebar">
- <div id="title"><span>YOUR</span> TITLE</div>
- <div id="desc">
- DESCRIPTION
- </div></div>
- <div id="link"><a href="/">back</a> <a href="/ask">ask</a></div>
- </div>
- <div id="center">
- <!-- GROUP 1 -->
- <div class="box">
- <table align="top">
- <div id="group">TITLE 1</div>
- <!--COLLUMN 1-->
- <td style="vertical-align:top">
- <!--1 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 1 FIC-->
- <!--2 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 2 FIC-->
- <!--3 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 3 FIC-->
- </td>
- <!--END 1 COLLUMN-->
- <!--2 COLLUMN-->
- <td style="vertical-align:top">
- <!--4 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 4 FIC-->
- <!--5 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 5 FIC-->
- <!--6 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 6 FIC-->
- </td>
- <!--END COLLUMN 2-->
- </table>
- </div>
- <!--END GROUP 1-->
- <!--BREAK LINE-->
- <hr>
- <!--BREAK LINE-->
- <!-- GROUP 2 -->
- <div class="box">
- <table align="top">
- <div id="group">TITLE 1</div>
- <!--COLLUMN 1-->
- <td style="vertical-align:top">
- <!--7 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 7 FIC-->
- <!--8 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 8 FIC-->
- <!--9 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 9 FIC-->
- </td>
- <!--END 1 COLLUMN-->
- <!--2 COLLUMN-->
- <td style="vertical-align:top">
- <!--10 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 10 FIC-->
- <!--11 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 11 FIC-->
- <!--12 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 12 FIC-->
- </td>
- <!--END COLLUMN 2-->
- </table>
- </div>
- <!--END GROUP 2-->
- <!--BREAK LINE-->
- <hr>
- <!--BREAK LINE-->
- <!-- GROUP 3 -->
- <div class="box">
- <table align="top">
- <div id="group">TITLE 1</div>
- <!--COLLUMN 1-->
- <td style="vertical-align:top">
- <!--13 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 13 FIC-->
- <!--14 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 14 FIC-->
- <!--15 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 15 FIC-->
- </td>
- <!--END 1 COLLUMN-->
- <!--2 COLLUMN-->
- <td style="vertical-align:top">
- <!--16 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 16 FIC-->
- <!--17 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 17 FIC-->
- <!--18 FIC-->
- <div class="ficb"><div class="fic"><a href="FIC LINK">
- <span>FIC</span> TITLE</a></div>
- <div class="stuff">
- <div id="by"><div style="float:left">★★★☆☆
- </div> by <a href="AUTHOR LINK">AUTHOR</a></div>
- <b>PAIRING:</b> PAIRING
- <br>
- <b>RATED:</b> RATED
- <br>
- <b>LENGTH:</b> LENGTH
- <br>
- <b>SUMMARY:</b> SUMMARY
- </div>
- </div>
- <!--END 18 FIC-->
- </td>
- <!--END COLLUMN 2-->
- </table>
- </div>
- <!--END GROUP 3-->
- </div>
- </body>
- </html>
- <!--
Advertisement
Add Comment
Please, Sign In to add comment