Advertisement
septims

Cavalry

Jan 14th, 2014
8,823
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.58 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.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!--Default Variables-->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#cccccc"/>
  28. <meta name="color:link" content="#a7a7a7"/>
  29. <meta name="color:title" content="#070707"/>
  30. <meta name="color:blog title"content="#aaaaaa"/>
  31. <meta name="color:scrollbar" content="#d5d5d5" />
  32. <meta name="color:link hover" content="#aaaaaa"/>
  33.  
  34. <meta name="text:Link 1 URL" content="" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 2 URL" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 3 URL" content="" />
  39. <meta name="text:Link 3" content="" />
  40. <meta name="text:Link 4 URL" content="" />
  41. <meta name="text:Link 4" content="" />
  42.  
  43. <meta name="if:show captions" content="1"/>
  44.  
  45.  
  46. <!--jquery-->
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49. <script>
  50.  
  51. (function($){
  52.  
  53. $(document).ready(function(){
  54.  
  55. $("a[title]").style_my_tooltips({
  56.  
  57. tip_follows_cursor:true,
  58.  
  59. tip_delay_time:30,
  60.  
  61. tip_fade_speed:300,
  62.  
  63. attribute:"title"
  64.  
  65. });
  66.  
  67. });
  68.  
  69. })(jQuery);
  70.  
  71. </script>
  72.  
  73.  
  74. <style type="text/css">
  75. html, body, ul, ol, li, form, fieldset, legend{
  76. margin: 0;
  77. padding: 0;
  78. }
  79.  
  80. #text {
  81. margin:10px auto 100px auto;
  82. font-size:8px;
  83. text-align:center;
  84. text-transform:uppercase;
  85. letter-spacing:1px;
  86. }
  87. #text a {text-decoration:none;}
  88.  
  89. #s-m-t-tooltip{
  90. font-size:9px;
  91. position:absolute;
  92. margin-top: 15px;
  93. letter-spacing:1px;
  94. z-index:9999;
  95. background:{color:background};
  96. text-transform:uppercase;
  97. padding:2px 3px 2px 3px;
  98. }
  99.  
  100. /*scrollbar*/
  101. ::-webkit-scrollbar{height: 5px;
  102. width: 5px;
  103. -webkit-border-radius: 0px;
  104. background-color:{color:background};}
  105. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  106. ::-webkit-scrollbar-track{background-color:{color:background};}
  107.  
  108. body {
  109. background:{color:background};
  110. color:{color:text};
  111. font-family:times new roman;
  112. font-weight:100;
  113. font-size:12px;
  114. text-align:justify;
  115. margin:0;
  116. line-height:15px;}
  117.  
  118. a {
  119. color:{color:link};
  120. text-decoration:none;
  121. -webkit-transition:all 0.6s;
  122. -moz-transition:all 0.6s;
  123. -ms-transition:all 0.6s;
  124. -o-transition:all 0.6s;
  125. transition:all 0.6s; }
  126.  
  127. a:hover {color:{color:link hover};
  128. -webkit-transition:all 0.6s;
  129. -moz-transition:all 0.6s;
  130. -ms-transition:all 0.6s;
  131. -o-transition:all 0.6s;
  132. transition:all 0.6s; }
  133.  
  134. /*main structure*/
  135. .caption blockquote {
  136. margin:0;
  137. }
  138. blockquote {
  139. margin:5px 10px;}
  140.  
  141.  
  142.  
  143.  
  144.  
  145. /*header*/
  146. #headers {
  147. width:400px;
  148. text-align:center;
  149. margin-top:150px;}
  150.  
  151. #blogt {font-size:18px;
  152. font-weight:bold;
  153. line-height:20px;
  154. margin-bottom:5px;
  155. text-transform:lowercase;}
  156.  
  157. #blogt a {
  158. text-decoration:none;
  159. color:{color:blog title};}
  160.  
  161.  
  162. #standardlinks {
  163. font-size:9px;
  164. letter-spacing:2px;
  165. text-transform:uppercase;
  166. margin-top:5px;
  167. padding-top:5px;
  168. }
  169.  
  170.  
  171. #standardlinks a {
  172. border:none;
  173. margin:0 2px;
  174. text-shadow:0px 0px 1px {color:background};
  175. -webkit-transition:all 0.6s;
  176. -moz-transition:all 0.6s;
  177. -ms-transition:all 0.6s;
  178. -o-transition:all 0.6s;
  179. transition:all 0.6s;
  180. }
  181. #standardlinks a:hover {text-shadow:0px 0px 1px {color:text};
  182. color:transparent;
  183. -webkit-transition:all 0.6s;
  184. -moz-transition:all 0.6s;
  185. -ms-transition:all 0.6s;
  186. -o-transition:all 0.6s;
  187. transition:all 0.6s;}
  188.  
  189. #description {margin-top:10px;}
  190.  
  191.  
  192.  
  193.  
  194. /*theme*/
  195. #title {font-size:10px;
  196. line-height:18px;
  197. text-transform:uppercase;
  198. margin:25px 0 5px 0;
  199. text-align:center;
  200. letter-spacing:2px;
  201. font-weight:100;
  202. color:{color:title};}
  203. #title a {color:{color:title};}
  204.  
  205. /*pagination*/
  206. #pagination {
  207. text-align:center;
  208. text-transform:uppercase;
  209. letter-spacing:1px;
  210. font-size:9px;
  211. }
  212. #pagination a {
  213. margin:0 25px;
  214. display:inline-block;
  215. text-decoration:none;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. pre {width:400px!important;
  222. overflow-x:scroll;
  223. word-break:break-all;
  224. }
  225.  
  226. .con {left:50%;
  227. position:absolute;
  228. top:0;
  229. margin-left:-200px;}
  230. #ent {margin-top:50px;}
  231. #posts {
  232. width:400px;
  233. {block:IndexPage}
  234. margin-bottom:100px;
  235. {/block:IndexPage}
  236. {block:PermalinkPage}
  237. margin-bottom:25px;
  238. {/block:PermalinkPage}
  239. }
  240.  
  241.  
  242. #posts img {
  243. max-width:400px;
  244. }
  245. #posts ul {margin-left:25px;}
  246. #titlequote{
  247. font-size:12px;
  248. line-height:18px;
  249. text-transform:uppercase;
  250. color:{color:title};
  251. }
  252.  
  253.  
  254. #source {text-align:center;
  255. font-size:10px;
  256. padding:10px 0;}
  257.  
  258. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  259. .caption img{max-width:400px;}
  260. .caption {
  261. {block:ifnotshowcaptions}
  262. {block:indexpage}
  263. display:none;
  264. {/block:indexpage}
  265. {/block:ifnotshowcaptions}
  266. padding:2px 50px;
  267. margin-top:5px;
  268. text-transform:none;
  269. }
  270.  
  271.  
  272.  
  273. /*asks*/
  274. .q {
  275. padding:5px;
  276. text-align:center;
  277. font-style:italic;
  278. text-transform:none;
  279. }
  280. .as {letter-spacing:3px;
  281. text-align:Center;
  282. margin-top:25px;
  283. text-transform:uppercase;
  284. font-size:8px;}
  285. .as a {}
  286. .a {
  287. margin:30px 0;
  288. text-align:center}
  289.  
  290. .a ol, li, blockquote {text-align:left;}
  291.  
  292. .chat ol {
  293. padding:0;
  294. line-height:180%;
  295. list-style:none;
  296. }
  297.  
  298. .line.odd {
  299. padding:10px;
  300. }
  301.  
  302. .line.even {
  303. padding:10px;
  304. }
  305.  
  306. .label {font-weight:bold;
  307. padding-right:1px;
  308. letter-spacing:1px;
  309. text-transform:uppercase;
  310. color:{color:title};
  311. }
  312.  
  313. .tumblr_audio_player {width:400px;
  314. height:50px;}
  315. .player {width:75px;
  316. overflow:hidden;
  317. margin:0 auto;}
  318. .audio_info {
  319. font-size:12px;
  320. text-align:center;
  321. font-weight:bold;
  322. padding-bottom:12px;
  323. }
  324.  
  325. /*permalink and notes*/
  326.  
  327.  
  328. #permalink {
  329. text-align:center;
  330. font-size:8px;
  331. margin-top:10px;
  332. letter-spacing:1px;
  333. text-transform:uppercase;
  334. }
  335. #permalink a {margin:0;
  336.  
  337. }
  338. #posts:hover .tags {opacity:1;
  339. -webkit-transition:all 0.6s;
  340. -moz-transition:all 0.6s;
  341. -ms-transition:all 0.6s;
  342. -o-transition:all 0.6s;
  343. transition:all 0.6s;}
  344.  
  345. .tags {opacity:0;
  346. font-style:italic;
  347. word-break:break-all;
  348. -webkit-transition:all 0.6s;
  349. -moz-transition:all 0.6s;
  350. -ms-transition:all 0.6s;
  351. -o-transition:all 0.6s;
  352. transition:all 0.6s;
  353. }
  354.  
  355. .tags a{margin:0 2px;
  356. text-transform:none;}
  357. .tags a:hover {text-transform:uppercase}
  358.  
  359. .pagenotes {
  360. {block:IndexPage}
  361. display: none!important;
  362. {/block:IndexPage}
  363. {block:PermalinkPage}
  364. width:400px;
  365. {/block:PermalinkPage}
  366. margin-left:auto;
  367. margin-top:25px;
  368. margin-right:auto;
  369. }
  370. .pagenotes img {
  371. display:none!important;}
  372. .pagenotes li {
  373. list-style-type:none;
  374. padding:5px 0px;
  375. text-align:left;
  376. font-size:9px;
  377. text-transform:uppercase;
  378. }
  379. .t {
  380. font-size:11px;
  381. font-weight:bold;
  382. letter-spacing:1px;
  383. color:{color:title};
  384. text-transform:uppercase;}
  385.  
  386.  
  387. </style>
  388.  
  389.  
  390.  
  391. <body>
  392.  
  393. <div class="con">
  394.  
  395. <div id="headers">
  396. <div id="blogt"><a href="/">{Title}</a></div>
  397. <div id="description">{Description}</div>
  398.  
  399. <div id="standardlinks">
  400. <a href="/">home</a>
  401. <a href="/ask">ask</a>
  402. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  403. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  404. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  405. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  406. </div>
  407.  
  408. </div>
  409.  
  410. <div id="ent">
  411. {block:Posts}
  412. <div id="posts" >
  413.  
  414.  
  415.  
  416.  
  417.  
  418. {block:Quote}
  419.  
  420.  
  421. <div id="titlequote">“{Quote}”</div>
  422. {block:Source}<div id="source">{Source}</div>{/block:Source}
  423. {/block:Quote}
  424.  
  425.  
  426.  
  427. {block:Text}
  428.  
  429. {block:Title}
  430. <div id="title">{Title}</div>{/block:Title}
  431. <div class="te">{Body}</div>
  432.  
  433.  
  434. {/block:Text}
  435.  
  436. {block:Link}
  437.  
  438. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  439.  
  440. {/block:Link}
  441.  
  442. {block:Chat}
  443. {block:Title}
  444. <h1>{Title}</h1>
  445. {/block:Title}
  446. <div class="chat">
  447. <ol>{block:Lines}
  448. <li class="line {Alt}">
  449. {block:Label}
  450. <span class="label">
  451. {Label}</span>
  452. {/block:Label}{Line}</li>
  453. {/block:Lines}
  454. </ol></div>
  455. {/block:Chat}
  456.  
  457. {block:Photo}
  458.  
  459. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  460. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  461. {/block:Photo}
  462.  
  463. {block:Photoset}
  464. {Photoset-400}
  465. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  466. {/block:Photoset}
  467.  
  468.  
  469.  
  470. {block:Answer}
  471. <div class="as">{Asker} said: </div>
  472. <div class="q">
  473. {Question}</div>
  474. <div class="a">{Answer}</div>
  475.  
  476. {/block:Answer}
  477.  
  478. {block:Video}
  479. {Video-400}
  480. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  481. {/block:Video}
  482.  
  483. {block:Audio}
  484. <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}<div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;font-style:normal;">{Artist}</div>{/block:Artist}</div>
  485. {block:AudioPlayer}
  486. <div class="player">{AudioPlayerWhite}</div>
  487. {/block:AudioPlayer}
  488. {/block:Audio}
  489.  
  490.  
  491.  
  492. {block:Date}
  493. <div id="permalink">
  494. <a href="{Permalink}" >{TimeAgo}</a>{block:NoteCount}<a href="{Permalink}"> With {NoteCountWithLabel}</a>{/block:NoteCount}
  495. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">/ via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"> & source</a>{/block:ContentSource}{/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank"> / Reblog</a>
  496. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  497. </div>
  498. {/block:Date}
  499.  
  500.  
  501.  
  502. </div>
  503.  
  504.  
  505. {block:PostNotes}
  506. <div class="pagenotes">
  507. <div class="t">Notes</div>
  508. {PostNotes}
  509. </div>
  510. {/block:PostNotes}
  511.  
  512.  
  513. {/block:Posts}
  514.  
  515. <div id="pagination">
  516. {block:Pagination}
  517. {block:PreviousPage}
  518. <a href="{PreviousPage}">&larr; previous page</a>
  519. {/block:PreviousPage}
  520.  
  521.  
  522. {block:NextPage}
  523. <a href="{NextPage}">next page &rarr;</a>
  524. {/block:NextPage}
  525. {/block:Pagination}
  526. </div>
  527.  
  528. <div id="text">
  529. <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>
  530. </div>
  531.  
  532. </div>
  533. </div>
  534.  
  535.  
  536.  
  537.  
  538. {block:ContentSource}
  539. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  540. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  541. {/block:SourceLogo}
  542. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  543. {/block:ContentSource}
  544. </body>
  545.  
  546. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement