septims

Poetra

Dec 9th, 2013
4,569
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.65 KB | None | 0 0
  1. <!--
  2.  
  3. theme by septim
  4.  
  5. ╔╔ ══ ══ Rules:
  6. ║║ -do not use as base
  7. ╚╚ ══ ╗╗ -do not steal bits of code
  8. ║║ -do not remove credits
  9. ══ ══ ╝╝
  10.  
  11.  
  12. -->
  13.  
  14. <!DOCTYPE html><head>
  15. <!--random shit you need--><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <!--Default Variables are here, folks-->
  18. <meta name="color:Background" content="#ffffff"/><meta name="color:Text" content="#cccccc"/><meta name="color:link" content="#a7a7a7"/><meta name="color:title"content="#070707"/>
  19.  
  20. <meta name="text:Link 1 URL" content="" />
  21. <meta name="text:Link 1" content="" />
  22. <meta name="text:Link 2 URL" content="" />
  23. <meta name="text:Link 2" content="" />
  24.  
  25.  
  26.  
  27.  
  28.  
  29. <!-- jquery --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:30,
  37. tip_fade_speed:300,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
  45. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  48. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' type='text/css'>
  49.  
  50. <!--CSS time baby. This is where you change font size, color, etc. Just be careful, my dears. -->
  51. <style type="text/css">
  52. #s-m-t-tooltip {max-width:300px; margin:10px 0px 0px 10px; background:rgba(0,0,0,.9);padding:0 3px;text-transform:uppercase;letter-spacing:1px;font-size:8px;color:white; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; z-index:999 }
  53.  
  54.  
  55.  
  56.  
  57. /*scrollbar*/::-webkit-scrollbar{height: 4px; width: 4px; -webkit-border-radius: 0px; background-color:{color:background}}::-webkit-scrollbar-thumb{border:1px solid #aaa;background:white;}::-webkit-scrollbar-track{background-color:{color:background};}
  58.  
  59. #credit {position:fixed;bottom:10px;right:10px;font-size:10px;}
  60.  
  61. /*main structure*/blockquote {padding:5px;margin:0;background:#f4f4f4;text-align:justify;}#aaa blockquote {margin:0 0 0 10px;border-left:3px solid white;padding:0 0 0 10px;text-align:justify;}
  62.  
  63.  
  64. body {background-color:{color:background}; color:{color:text};font-family:helvetica;font-size:11px;text-align:justify;line-height:16px;margin:0;}
  65.  
  66. a {color:{color:link};text-decoration:none;}
  67. a:hover {text-decoration:underline}
  68. img{opacity:1;border:none;text-decoration:none}
  69.  
  70. b, strong {color:{color:title}}i, em {color:{color:text}}p {margin-top:5px; margin-bottom:5px}ol {list-style:normal;}ul {list-style:square;}
  71. small {font-size:9px;text-transform:uppercase;letter-spacing:1px;}
  72. big {font-size:12px;}
  73. p {margin:0}
  74.  
  75. #title{font-size:12px;font-weight:none;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;background:#f4f4f4;font-family:courier;color:{color:title};}#title a {color:{color:title}}
  76.  
  77.  
  78. /*header*/
  79.  
  80. #header {width:220px;text-align:center;margin:100px auto 0 auto;{block:IndexPage} -webkit-animation: fadeInUp 1.5s; -moz-animation: fadeInUp 1.5s; -ms-animation: fadeInUp 1.5s;{block:IndexPage}}#header a {text-decoration:none;}
  81. #blogt {width:420px;margin-left:-100px;line-height:36px;text-transform:uppercase;font-size:28px;font-family:'roboto'; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; }
  82. #blogt:hover #ts {transform: scale(1.6);-ms-transform: scale(1.6); /* IE 9 */-webkit-transform: scale(1.6); /* Safari and Chrome */letter-spacing:10px; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; }#blogt:hover a {color:transparent;-webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; } #ts { -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; }#blogt a {-webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s;}
  83. #standardlinks {text-transform:uppercase;letter-spacing:1px;position:fixed;margin-top:300px;margin-left:485px;
  84. width:100px;font-family:courier;font-size:10px;text-align:left;
  85. }
  86.  
  87. #standardlinks a {display:block;border-left:3px solid #f4f4f4;padding-left:5px;text-decoration:none;
  88. }#standardlinks a:hover {background:#f4f4f4;border-left:3px solid black;}
  89. #description {font-size:8px;text-transform:uppercase;letter-spacing:1px;padding:2px 0;font-family:helvetica;width:210px;line-height:12px;background:#f4f4f4;text-align:center;margin:-25px auto 0 auto;opacity:0; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; }#blogt:hover #description {opacity:1;color:{color:text}; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; transition:all .8s; }/*pagination*/
  90. #pagination {position:fixed;margin-top:300px;margin-left:-125px;width:100px;font-family:courier;font-size:10px;color:{color:link};text-transform:lowercase;text-align:right;font-style:normal;}.current_page {padding-right:5px;margin-top:0px;border-right:3px solid black;display:block;}#pagination a {padding-right:5px;margin-top:0px;text-decoration:none;border-right:3px solid #f4f4f4;display:block;}#pagination a:hover {border-right:3px solid black;}/*container*/#con {position:absolute;left:50%;margin-left:-230px;}/*posts*/#entries {width:460px; margin-top:75px;margin-bottom:100px;
  91. }
  92. .posts { {block:IndexPage}margin-bottom:75px; -webkit-animation: fadeInDown 1.5s; -moz-animation: fadeInDown 1.5s; -ms-animation: fadeInDown 1.5s;{/block:IndexPage}{block:PermalinkPage}margin-bottom:50px;{/block:PermalinkPage}overflow:hidden;width:460px;}.posts img {width:450px;padding:5px;background:#f4f4f4;}
  93.  
  94. #titlequote{font-size:12px;color:{color:title};letter-spacing:0px;font-family:courier;text-align:justify;padding:15px 18px 15px 15px;line-height:22px;border-left:3px solid #f4f4f4;background:#f4f4f4;}#titlequote:hover {border-left:3px solid black;}
  95. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  96. .caption img{max-width:100%;}
  97. .caption {text-align:justify;text-transform:none;font-size:10px;line-height:12px;background:#f5f5f5;padding:5px;}
  98.  
  99.  
  100. #source {text-align:left;padding-bottom:5px;text-transform:uppercase;letter-spacing:1px;font-size:9px}
  101.  
  102.  
  103.  
  104.  
  105. /*audio*/
  106.  
  107. .player {height:25px; width:10px;padding:21px 15px 21px 20px;border-right:22px solid white;background:white;overflow:hidden;margin:5px; float:left;z-index:2;}
  108. .audioinfo {text-align:left;position:absolute;margin-left:80px;background-color:white;margin-top:15px;padding:5px;background:#f5f5f5;}
  109.  
  110. .c {font-size:18px;font-weight:bold;border-bottom:3px solid black;padding-bottom:5px;margin-bottom:5px;}
  111. .playerback {height:77px; width:100%; background:#f4f4f4;}
  112.  
  113.  
  114.  
  115.  
  116. /*asks*/
  117. .as {font-weight:bold;color:{color:title};}.as a {color:{color:title};}.q {padding:5px;background:#f4f4f4;color:{color:title};text-align:justify;}.a {margin-top:10px;text-align:justify}
  118.  
  119.  
  120. .chat ol {padding:0;line-height:180%;list-style:none;}
  121. .line.odd {background-color:#f4f4f4;padding:5px; }
  122. .line.even {background-color:{color:background};padding:5px;
  123. }
  124. .label {padding-right:1px;text-transform:uppercase;font-weight:bold;color:{color:title};
  125. }
  126.  
  127.  
  128.  
  129.  
  130.  
  131. /*permalink and notes*/
  132.  
  133. #permalink {font-size:9px;padding:5px 10px;background:{color:background};margin-top:5px;font-family:inconsolata;color:{color:link};text-align:center;{block:IndexPage}opacity:0; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; {/block:IndexPage}}{block:IndexPage}.posts:hover #permalink {opacity:1; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; }{/block:IndexPage}.dick {padding:2px 5px; margin:0 3px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .dick:hover {background:#f4f4f4; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; }
  134. #permalink a {text-decoration:none;}
  135.  
  136. .tags {word-break:break-all;margin-top:15px;}.tags a{padding:2px 5px;margin:0 5px;background:#f4f4f4;text-transform:none;}
  137.  
  138. .pagenotes {{block:IndexPage}display: none!important;{/block:IndexPage}{block:PermalinkPage}width:420px;height:250px;overflow-x:hidden;overflow-y:auto;{/block:PermalinkPage}font-size:9px;text-transform:uppercase;margin-top:10px;color:#aaa;margin-bottom:200px;
  139. }.pagenotes a {color:#aaa;}.pagenotes img {display:none!important}.pagenotes li {padding:9px 0 10px 0;border-top:1px solid #f4f4f4;letter-spacing:1px;text-align:left;margin:0 0 0 -40px;}.pagenotes ol {list-style:none;}.t {font-size:11px;font-weight:bold;letter-spacing:1px;color:{color:title};text-transform:uppercase;}
  140.  
  141.  
  142. #text {position:fixed;
  143. bottom:5px;
  144. right:10px;
  145. text-transform:uppercase;
  146. font-family:arial;
  147. padding:5px 5px;
  148. font-size:14px;
  149. transform:rotate(90deg);
  150. -ms-transform:rotate(90deg); /* IE 9 */
  151. -webkit-transform:rotate(90deg); /* Safari and Chrome */}
  152. #text a {text-decoration:none;}
  153. {CustomCSS}
  154. </style>
  155. </head>
  156. <body>
  157.  
  158.  
  159.  
  160.  
  161. <div id="con"><div id="pagination"> {block:Pagination}
  162. {block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  163. {/block:Pagination}</div> <div id="standardlinks"><a href="/" style="border-left:3px solid black">home</a>
  164. <a href="/ask">contact</a>
  165. <a href="/archive">archive</a>
  166. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  167. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  168. </div><div id="header">
  169. <div id="blogt"><div id="ts"><a href="/">{Title}</a></div> <div id="description">{Description}</div></div>
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180. </div>
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187. <div id="entries">
  188. {block:Posts}<div class="posts">
  189. {block:Quote}
  190. {block:Source}<div id="source">{Source}:</div>{/block:Source}<div id="titlequote">{Quote}</div>
  191. {/block:Quote}
  192.  
  193.  
  194. {block:Text}
  195. {block:Title}<div id="title">{Title}</div>{/block:Title}<div id="saa">{Body}</div>
  196.  
  197. {/block:Text}
  198. {block:Link}
  199. <div id="title"><a href="{URL}">> {Name}</a></div>{block:Description}{Description}{/block:Description}
  200. {/block:Link}
  201. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  202. {block:Photo}<div id="aaa">
  203. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photo}
  204. {block:Photoset}<div id="aaa">{block:Photos}{block:IndexPage} <a href="{Permalink}"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" /></a> {/block:IndexPage}
  205. {block:PermalinkPage} <img src="{PhotoURL-500}" width="{PhotoWidth-500}"/>
  206. {/block:PermalinkPage} {/block:Photos}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  207. {block:Video}<div id="aaa">
  208. {Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  209. {/block:Video}
  210. {block:Audio}
  211.  
  212. <div class="playerback"><div class="audioinfo">{block:TrackName}<div class="c">{TrackName}</div>{/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div><div class="player">{AudioPlayerWhite}</div></div>
  213.  
  214.  
  215.  
  216.  
  217. {/block:Audio}
  218. {block:Answer}<div class="q"><span class="as">{Asker} said:</span> {Question}</div><div class="a">{Answer}</div>{/block:Answer}
  219.  
  220.  
  221.  
  222. {block:Date}
  223. <div id="permalink"><span class="dick"><a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a></span>{block:NoteCount}<span class="dick">+ <a href="{Permalink}">{NoteCount}</a></span>{block:NoteCount}{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:PermalinkPage}{block:RebloggedFrom}<span class="dick"><a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a></span>{block:ContentSource}<span class="dick"><a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a></span>{/block:ContentSource}{/block:RebloggedFrom}
  224. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>{/block:PermalinkPage}
  225. </div>{/block:Date}
  226.  
  227.  
  228. </div>
  229. <div class="pagenotes">{block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}{PostNotes}</ol>
  230.  
  231. </div>{/block:PostNotes}
  232.  
  233.  
  234.  
  235. {block:PermalinkPage}{/block:PermalinkPage}
  236. {/block:Posts}
  237.  
  238.  
  239.  
  240.  
  241. </div></div>
  242. <div id="text">
  243. <a href="http://farahmir.tumblr.com" target="_blank" title="septim">S</a></div>
  244. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment