Advertisement
Notlikeamovie

Theme Ashley

Jul 12th, 2011
46,498
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.57 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- THEME #O1 ASHLEY V.2 -->
  5.  
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8.  
  9. <meta name="image:sidebar" content="/">
  10. <meta name="image:background" content="/">
  11.  
  12. <meta name="if:Show Post Info" content="/">
  13. <meta name="if:Show Caption On Index Page" content="/">
  14. <meta name="if:Show Sidebar Pic" content="/">
  15. <meta name="if:400px post" content="/">
  16. <meta name="if:Show Background Image on Pagination" content="/">
  17.  
  18. <meta name="text:Link 1 Url" content="http://" />
  19. <meta name="text:Link 1 Name" content="Link 1" />
  20. <meta name="text:Link 2 Url" content="http://" />
  21. <meta name="text:Link 2 Name" content="Link 2" />
  22. <meta name="text:Link 3 Url" content="http://" />
  23. <meta name="text:Link 3 Name" content="Link 3" />
  24.  
  25. <meta name="color:Background" content="#fbfbfb" />
  26. <meta name="color:Posts In" content="#ffffff" />
  27. <meta name="color:Text" content="#c5c5c5" />
  28. <meta name="color:Selection" content="#74d8df" />
  29. <meta name="color:Navigation and permalink links" content="#9c9c9c" />
  30. <meta name="color:Bold and italic" content="#8be2c0" />
  31. <meta name="color:Link" content="#75d2d8" />
  32. <meta name="color:Link Hover" content="#b5b6b5" />
  33. <meta name="color:Navigation" content="#f3f3f3" />
  34. <meta name="color:Navigation Link Hover" content="#75d0c9" />
  35. <meta name="color:Scrollbar" content="#dddddd" />
  36.  
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38.  
  39. <!------------------- SCRIPTS ------------------->
  40.  
  41. <script src="http://code.jquery.com/jquery-latest.js"></script>
  42.  
  43. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  44.  
  45.  
  46. <script src="http://static.tumblr.com/2lqtwbf/hvAmqluuv/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips();
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,300,200' rel='stylesheet' type='text/css'>
  58.  
  59. <title>{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}
  63. <meta name="description" content="{MetaDescription}" />
  64. {/block:Description}
  65.  
  66.  
  67. <style type="text/css">
  68.  
  69. /* SCROLLBAR, SELECTION, TUMBLR CONTROLS AND TOOLTIPS */
  70. #s-m-t-tooltip{
  71. /* basic */
  72. max-width:500px;
  73. z-index:10000000000000000000000000000000000;
  74. margin:24px 14px 7px 12px;
  75. /* font */
  76. font-family:raleway, sans serif;
  77. font-size:8px;
  78. font-weight:300;
  79. line-height:120%;
  80. color:{color:posts in};
  81. letter-spacing:1px;
  82. text-transform:uppercase;
  83. letter-spacing:1px;
  84. /* style and design */
  85. padding:4px 4px;
  86. background-color:{color:selection}; /* fallback if rgba not supported */
  87. -moz-border-radius:0px;
  88. -webkit-border-radius:0px;
  89. border-radius:0px;
  90. -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,0.3);
  91. -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,0.3);
  92. box-shadow:2px 2px 2px rgba(0,0,0,0.15),-1px -1px 2px rgba(255,255,255,0.3);
  93. }
  94.  
  95. ::-webkit-scrollbar-thumb:vertical{
  96. background-color: {color:Scrollbar};
  97. height: 5px;
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb:horizontal{
  101. background-color: {color:Scrollbar};
  102. height:5px!important;
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106. background-color:{color:background};
  107. height:5px; width:5px;
  108. }
  109.  
  110.  
  111. ::selection {
  112. background: #trans;
  113. color: {color:selection};
  114. }
  115.  
  116. ::-moz-selection {
  117. background: #trans;
  118. color: {color:selection};
  119. }
  120.  
  121. ::webkit-selection {
  122. background: #trans;
  123. color: {color:selection};
  124. }
  125.  
  126. iframe#tumblr_controls {
  127. top:0px !important;
  128. right:0px !important;
  129. position: fixed !important;
  130. -webkit-transition: opacity 0.7s linear;
  131. opacity: 0.4;
  132. -webkit-transition: all 0.8s ease-out;
  133. -moz-transition: all 0.8s ease-out;
  134. transition: all 0.8s ease-out;
  135. max-height:24px;
  136. }
  137.  
  138. iframe#tumblr_controls:hover{
  139. -webkit-transition: opacity 0.7s linear;
  140. opacity: 1;
  141. -webkit-transition: all 0.4s ease-out;
  142. -moz-transition: all 0.4s ease-out;
  143. transition: all 0.4s ease-out;
  144. }
  145.  
  146. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  147.  
  148.  
  149. /* GENERAL */
  150. body{
  151. background-color:{color:background};
  152. color:{color:text};
  153. font-family:calibri;
  154. font-size:10px;
  155. text-align:justify;
  156. {block:IfBackgroundImage}
  157. background-image:url('{image:background}');
  158. background-attachment:fixed;
  159. background-repeat:repeat;
  160. {/block:IfBackgroundImage}
  161. }
  162.  
  163. #content{
  164. {block:IfNot400pxPost}width:880px;{/block:IfNot400pxPost}
  165. {block:If400pxPost}width:780px;{/block:If400pxPost}
  166. margin:auto;
  167. background-color:#trans;
  168. }
  169.  
  170. #credits{
  171. position:fixed;
  172. bottom:5px;
  173. right:10px;
  174. font:10px open sans condensed;
  175. background-repeat:no-repeat;
  176. width:50px;
  177. height:30px;
  178. }
  179.  
  180. #credits a{
  181. color:{color:link};
  182. }
  183.  
  184. blockquote, li blockquote{
  185. border-left:1px {color:link} solid;
  186. padding:0px 0px 0px 10px;
  187. margin:0px 0px 8px 0px;
  188. }
  189.  
  190. blockquote > p:first-child{
  191. padding: 0;
  192. }
  193.  
  194. ul{
  195. padding: 0 0 0 0px;
  196. margin: 0 0 08px 0;
  197. list-style-position:inside;
  198. }
  199.  
  200. ol{
  201. padding: 0 0 8px 0px;
  202. margin: 0 0 08px 0;
  203. list-style-position:inside;
  204. }
  205.  
  206. b, strong, .strong{
  207. color:{color:Bold and italic};
  208. }
  209.  
  210. i, em, .em{
  211. color:{color:Bold and Italic};
  212. }
  213.  
  214. a{
  215. color:{color:link};
  216. text-decoration:none;
  217. -moz-transition: all .7s ease-in-out!important;
  218. -o-transition: all .7s ease-in-out!important;
  219. transition: all .7s ease-in-out!important;
  220. -webkit-transition: all .7s ease-in-out!important;
  221. font-style:normal;
  222. line-height:100%;
  223. }
  224.  
  225. a:hover{
  226. color:{color:link hover};
  227. }
  228.  
  229.  
  230. img a{
  231. border:0px color:{color:transparent};
  232. }
  233.  
  234. a img{
  235. border:0px color#trans;
  236. }
  237.  
  238. .caption {
  239. margin-top:10px;
  240. font-size:10px;
  241. {block:IfNotShowCaptionOnIndexPage}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowCaptionOnIndexPage}
  242. {block:IfNot400pxPost}width:480px;{/block:IfNot400pxPost}
  243. {block:If400pxPost}width:380px;{/block:If400pxPost}
  244. color:{color:navigation and permalink links};
  245. background-color:{color:navigation};
  246. padding:10px 10px;
  247. }
  248.  
  249. .caption p{line-height:11px; margin:0px 0px 6px 0px;}
  250. .caption a{line-height:11px;}
  251. .caption blockquote{
  252. border-left:3px solid {color:link};
  253. padding:0px 0px 0px 10px;
  254. margin:0px 1px 0px 10px;
  255. }
  256.  
  257. .caption small, .caption sub{
  258. font-size:10px;
  259. }
  260.  
  261. small, sub{
  262. font-size:10px;
  263. }
  264.  
  265.  
  266. /* ENTRIES GENERAL */
  267. #entries {
  268. {block:IfNot400pxPost}width:540px;{/block:IfNot400pxPost}
  269. {block:If400pxPost}width:440px;{/block:If400pxPost}
  270. margin:auto;
  271. position:relative;
  272. z-index:100;
  273. {block:IndexPage}margin-bottom:55px;{/block:IndexPage}
  274. background:#trans;
  275. margin-top:0px;
  276. float:right;
  277. }
  278.  
  279. .entries{
  280. {block:IfNot400pxPost}width:500px; {/block:IfNot400pxPost}
  281. {block:If400pxPost}width:400px;{/block:If400pxPost}
  282. float:left;
  283. position:relative;
  284. margin:10px 0px 30px 0px;
  285. -moz-transition:all 0.6s ease-out;
  286. -o-transition:all 0.6s ease-out;
  287. -webkit-transition:all 0.6s ease-out;
  288. -ms-transition:all 0.6s ease-out;
  289. transition:all 0.6s ease-out;}
  290.  
  291. .entriescont{
  292. padding:20px;
  293. background-color:{color:posts in};
  294. {block:IfNot400pxPost}width:500px; {/block:IfNot400pxPost}
  295. {block:If400pxPost}width:400px;{/block:If400pxPost}
  296. margin-left:-20px;
  297. margin-bottom:-20px;}
  298.  
  299. .bottoms{
  300. background-color:{color:navigation};
  301. overflow:hidden;
  302. display:block;
  303. padding:3px 0px;
  304. position:relative;
  305. bottom:0;
  306. left:0;
  307. {block:IfNot400pxPost}width:540px; {/block:IfNot400pxPost}
  308. {block:If400pxPost}width:440px;{/block:If400pxPost}
  309. margin-left:-20px;
  310. margin-bottom:-20px;
  311. margin-top:20px;
  312. {block:IndexPage}
  313. {block:IfShowPostInfo}
  314. min-height:10px;
  315. height:auto;
  316. max-height:30px;
  317. overflow:hidden;
  318. color:{color:navigation and permalink links};
  319. {/block:IfShowPostInfo}
  320. {block:IfNotShowPostInfo}
  321. height:0;
  322. color:{color:navigation};
  323. {/block:IfNotShowPostInfo};
  324. {/block:IndexPage}
  325. {block:PermalinkPage}
  326. min-height:10px;
  327. height:auto;
  328. max-height:30px;
  329. overflow:hidden;
  330. color:{color:navigation and permalink links};
  331. {/block:PermalinkPage}
  332. z-index:11;
  333. font:8px calibri;
  334. letter-spacing:1px;
  335. border:0;
  336. -moz-transition:all 1s ease-out;
  337. -o-transition:all 1s ease-out;
  338. -webkit-transition:all 1s ease-out;
  339. -ms-transition:all 1s ease-out;
  340. transition:all 1s ease-out;
  341. line-height:10px;
  342. text-transform:uppercase;}
  343.  
  344. .entries:hover .bottoms{
  345. min-height:10px;
  346. height:auto;
  347. max-height:30px;
  348. overflow:hidden;
  349. color:{color:navigation and permalink links};
  350. border:0;
  351. -moz-transition:all 1s ease-out;
  352. -o-transition:all 1s ease-out;
  353. -webkit-transition:all 1s ease-out;
  354. -ms-transition:all 1s ease-out;
  355. transition:all 1s ease-out;}
  356.  
  357. .entries:hover .bottoms a{
  358. color:{color:navigation and permalink links}!important;
  359. }
  360.  
  361. .bottoms a{
  362. font:8px calibri;
  363. letter-spacing:1px;
  364. {block:IndexPage}
  365. {block:IfShowPostInfo}color:{color:navigation and permalink links}!important;{/block:IfShowPostInfo}
  366. {block:IfNotShowPostInfo}color:{color:navigation};{/block:IfNotShowPostInfo}{/block:IndexPage}
  367. {block:PermalinkPage}color:{color:navigation and permalink links}!important;{/block:PermalinkPage}
  368. letter-spacing:1px;}
  369.  
  370.  
  371. .ptags{
  372. height:auto;
  373. min-height:10px;
  374. background:#trans;
  375. left:0;
  376. bottom:0;
  377. position:relative;
  378. z-index:10;
  379. {block:IfNot400pxPost}width:540px; {/block:IfNot400pxPost}
  380. {block:If400pxPost}width:440px;{/block:If400pxPost}
  381. margin-left:-20px;
  382. margin-bottom:-20px;
  383. padding:2px 0px;
  384. margin-top:20px;
  385. text-align:center;
  386. text-transform:uppercase;
  387. {block:PermalinkPage}margin-top:24px!important;margin-bottom:0px!important;{/block:PermalinkPage}}
  388.  
  389. .ptags a{
  390. font:8px calibri;
  391. letter-spacing:1px;
  392. color:{color:link hover};}
  393.  
  394. .ptags a:hover{
  395. color:{color:link};
  396. text-decoration:underline;}
  397.  
  398. /* PHOTO POSTS */
  399. .hres{
  400. opacity:0;
  401. height:12px;
  402. font-size:8px;
  403. font-family:calibri;
  404. color:{color:link};
  405. background-color:{color:posts in};
  406. -moz-transition: all .7s ease-in-out;
  407. -o-transition: all .7s ease-in-out;
  408. transition: all .7s ease-in-out;
  409. -webkit-transition: all .7s ease-in-out;
  410. width:45px;
  411. position:absolute;
  412. top:0;
  413. left:0;
  414. z-index:998;
  415. text-align:center;
  416. text-transform:uppercase;
  417. filter:alpha(opacity=0);
  418. padding-top:3px;
  419. letter-spacing:1px;
  420. padding-left:1px;
  421. padding-bottom:1px;
  422. }
  423.  
  424. .hres a{
  425. color:{color:link};
  426. text-align:center;
  427. font-family:calibri;
  428. font-style:normal;
  429. font-size:8px;
  430. letter-spacing:1px;
  431. }
  432.  
  433. #photox:hover .hres{
  434. opacity:0.9;
  435. filter:alpha(opacity=90);
  436. }
  437.  
  438. #photox{
  439. overflow:hidden;
  440. position:relative
  441. }
  442.  
  443.  
  444. /* TEXT POSTS */
  445. #title {
  446. margin:auto;
  447. text-align:center;
  448. border:0;
  449. }
  450.  
  451. .texttitle {
  452. font-size:16px!important;
  453. font-family:raleway, georgia;
  454. font-weight:300;
  455. color:{color:link};
  456. padding:2px 1px;
  457. text-align:center;
  458. line-height:90%;
  459. text-transform:none;
  460. font-style:normal;
  461. }
  462.  
  463. .texttitle:first-letter{text-transform:uppercase;}
  464.  
  465. .texttitle a{
  466. color:{color:link};
  467. }
  468.  
  469. /* CHAT POSTS */
  470. .chat .line{
  471. font-size:10px;
  472. font-family:calibri;
  473. }
  474.  
  475. .label{
  476. color:{color:bold and italic};
  477. font:10px raleway;
  478. text-transform:capitalize;
  479. font-style:normal;
  480. }
  481.  
  482. .chat{
  483. margin-top:2px;
  484. }
  485.  
  486. /* LINK POSTS */
  487. .linkdescription{
  488. padding:0px;
  489. margin:0px;
  490. }
  491.  
  492. /* QUOTE POSTS */
  493. .short_quote{
  494. font:21px raleway;
  495. font-weight:300;
  496. background-color:#trans;
  497. height:auto;
  498. margin:auto;
  499. padding:6px;
  500. text-align:justify;
  501. color:{color:link hover};
  502. letter-spacing:0px!important;
  503. line-height:90%;
  504. {block:IfNot400pxPost}width:450px; {/block:IfNot400pxPost}
  505. {block:If400pxPost}width:350px;{/block:If400pxPost}
  506.  
  507. }
  508.  
  509. .medium_quote {
  510. font:18px raleway;
  511. font-weight:300;
  512. background-color:#trans;
  513. height:auto;
  514. margin:auto;
  515. padding:6px;
  516. text-align:justify;
  517. color:{color:link hover};
  518. letter-spacing:0px!important;
  519. line-height:90%;
  520. {block:IfNot400pxPost}width:450px; {/block:IfNot400pxPost}
  521. {block:If400pxPost}width:350px;{/block:If400pxPost}
  522. }
  523.  
  524. .long_quote{
  525. font:15px raleway;
  526. font-weight:300;
  527. background-color:#trans;
  528. height:auto;
  529. margin:auto;
  530. padding:6px;
  531. text-align:justify;
  532. color:{color:link hover};
  533. letter-spacing:0px!important;
  534. line-height:90%;
  535. {block:IfNot400pxPost}width:450px; {/block:IfNot400pxPost}
  536. {block:If400pxPost}width:350px;{/block:If400pxPost}
  537. }
  538.  
  539. .source{
  540. text-align:right;
  541. font-size:8px;
  542. font-family: calibri;
  543. letter-spacing:1px;
  544. color:{color:text};
  545. text-transform:uppercase;
  546. margin-top:7px;
  547. margin-right:-19px;
  548. font-style:normal;
  549. }
  550.  
  551. .source a{font-family:calibri;font-size:8px; font-style:normal;letter-spacing:1px;}
  552.  
  553. /* AUDIO POSTS */
  554. .cover {
  555. position:relative;
  556. z-index:100;
  557. }
  558. .cover img {
  559. width:160px;
  560. height:160px;
  561. }
  562.  
  563. .audbox{
  564. position:absolute;
  565. z-index:101;
  566. padding:20px 26px 16px 20px;
  567. background-color:#fff;
  568. margin-top:47px;
  569. margin-left:46px;
  570. opacity:0.3;
  571. filter:alpha(opacity=30);
  572. -moz-transition: all ease-in-out 0.7s;
  573. -o-transition: all ease-in-out 0.7s;
  574. -webkit-transition: all ease-in-out 0.7s;
  575. transition: all ease-in-out 0.7s;
  576. }
  577.  
  578. .audbox:hover{
  579. opacity:.9;
  580. filter:alpha(opacity=90);
  581. }
  582.  
  583. .audbutton{
  584. width:20px;
  585. height:30px;
  586. overflow:hidden;
  587. position:relative;
  588. z-index:101;
  589. }
  590.  
  591. #audinfor{
  592. margin-top:-2px;
  593. {block:IfNot400pxPost}width:335px; {/block:IfNot400pxPost}
  594. {block:If400pxPost}width:235px;{/block:If400pxPost}
  595. float:right;
  596. padding:0px 5px;
  597. margin-right:-2px;
  598. }
  599.  
  600. .audinfor{
  601. background-color:{color:navigation};
  602. height:150px;
  603. }
  604.  
  605. .audartist{
  606. width:auto;
  607. text-align:center;
  608. font:12px raleway;
  609. letter-spacing:0px;
  610. text-transform:uppercase;
  611. font-style:normal;
  612. font-weight:400;
  613. color:{color:text};
  614. margin-bottom:0px;
  615. line-height:100%;
  616. display:block;
  617. }
  618.  
  619. .audsong{
  620. width:auto;
  621. text-align:center;
  622. font:16px raleway;
  623. text-transform:uppercase;
  624. font-style:normal;
  625. font-weight:400;
  626. color:{color:link};
  627. margin-top:0px;
  628. line-height:100%;
  629. display:block;
  630. margin-bottom:5px;
  631. }
  632.  
  633. .audalbums{
  634. width:auto;
  635. text-align:center;
  636. font:12px raleway;
  637. letter-spacing:0px;
  638. text-transform:uppercase;
  639. font-style:normal;
  640. font-weight:400;
  641. color:{color:navigation link hover};
  642. margin-top:0px;
  643. line-height:100%;
  644. display:inline;
  645. }
  646.  
  647. /* ASKS */
  648. #question{
  649. {block:IfNot400pxPost}width:500px; {/block:IfNot400pxPost}
  650. {block:If400pxPost}width:400px;{/block:If400pxPost}
  651. margin:auto;
  652. font:10px calibri;
  653. padding:0;
  654. height:60px;
  655. line-height:95%;
  656. }
  657.  
  658.  
  659. .askpic{
  660. width:77px;
  661. height:50px;
  662. padding:0px;
  663. margin:0px;
  664. background-color:trans;
  665. }
  666.  
  667. .askpic img{
  668. width:50px;
  669. height:50px;
  670. margin:auto;
  671. padding:7px;
  672. background-color:trans;
  673. border:1px solid {color:navigation};
  674. }
  675.  
  676. .accent {
  677. font:10px calibri;
  678. background-color: {color:link};
  679. color: {color:posts in};
  680. font-style: italic;
  681. padding: 0px 2px 1px 2px;
  682. }
  683.  
  684. .accent a{
  685. color: {color:posts in};
  686. font-style:italic;
  687. }
  688.  
  689. .accent a:hover{
  690. color:{color:posts in}!important;
  691. }
  692.  
  693. .quest{
  694. background-color:transparent;
  695. color:{color:text};
  696. padding:0px;
  697. text-align:justify;
  698. font:10px calibri;
  699. font-style:italic;
  700. line-height:90%;
  701. padding-top:10px!important;
  702. }
  703.  
  704. #answer{
  705. {block:IfNot400pxPost}width:500px; {/block:IfNot400pxPost}
  706. {block:If400pxPost}width:400px;{/block:If400pxPost}
  707. margin:auto;
  708. margin-top:5px;
  709. font:10px calibri!important;
  710. padding:0px;
  711. }
  712.  
  713. /* POST NOTES */
  714. #postpermalink{
  715. display:block;
  716. position:relative;
  717. bottom:0;
  718. left:0;
  719. {block:IfNot400pxPost}width:540px; {/block:IfNot400pxPost}
  720. {block:If400pxPost}width:440px;{/block:If400pxPost}
  721. padding:0px;
  722. margin-left:-20px;
  723. margin-top:5px;
  724. background-color:#trans;
  725. }
  726.  
  727. ol.notes{
  728. padding: 0px 1px 0px 0px;
  729. list-style-type:none;
  730. color:{color:text};
  731. margin-left:0px;
  732. }
  733.  
  734. ol.notes li{
  735. border-bottom:0px solid {color:navigation};
  736. }
  737.  
  738. ol.notes li a:link, ol.notes li a:visited, ol.notes li a:active{
  739. color:{color:link};
  740. padding: 0px 2px;
  741. }
  742.  
  743. ol.notes li a:hover{
  744. color: {color:link hover};
  745. }
  746.  
  747. ol.notes li.note{
  748. border-top: solid 1px {color:navigation};
  749. padding: 10px;
  750. }
  751.  
  752. ol.notes li.note img.avatar{
  753. display:inline;
  754. width:10px;
  755. vertical-align:-2px;
  756. }
  757.  
  758. ol.notes li.note span.action{
  759. font-weight: normal;
  760. }
  761.  
  762. ol.notes li.note span.action a{
  763. font-style:italic!important;
  764. font-weight: normal;
  765. letter-spacing:1px;
  766. color:{color:navigation and permalink links};
  767. }
  768.  
  769. ol.notes li.note .answer_content{
  770. font-weight: normal;
  771. }
  772.  
  773. ol.notes li.note blockquote{
  774. margin:5px 0px 5px 15px;
  775. padding:2px 5px;
  776. }
  777.  
  778.  
  779. /* SIDEBAR */
  780. #sbar{
  781. width:250px;
  782. background-color:#trans;
  783. position:fixed;
  784. float:left;
  785. overflow:hidden;
  786. margin:0px;
  787. min-height:132px;
  788. }
  789.  
  790. {block:IfNotShowSidebarPic}
  791. #sbar{
  792. top:24%;}
  793.  
  794. .stitle{
  795. font:12px raleway;
  796. color:{color:link};
  797. display:block;
  798. margin-bottom:3px;
  799. font-weight:300;}
  800.  
  801. #scont{
  802. width:254px;
  803. position:relative;
  804. height:105px;
  805. background:#trans;
  806. margin-bottom:3px;
  807. overflow:hidden;
  808. }
  809.  
  810. #sicon{
  811. position:absolute;
  812. top:0;
  813. left:0;
  814. width:64px;
  815. padding:20px 20px 21px 20px;
  816. background:{color:navigation};}
  817.  
  818. #slinks{
  819. width:150px;
  820. position:absolute;
  821. top:0;
  822. right:0;
  823. margin-right:-4px;
  824. background:#trans;
  825. height:105px;
  826. }
  827.  
  828. a.nav{
  829. width:141px!important;
  830. margin:0px 0px 3px 0px;
  831. height:11px;
  832. padding:2px 0px 2px 0px;
  833. text-align:center;
  834. display:block;
  835. font:8px raleway;
  836. letter-spacing:1px;
  837. text-transform:uppercase;
  838. background-color:{color:navigation};
  839. color:{color:navigation and permalink links};
  840. }
  841.  
  842. a.nav:last-child{margin-bottom:0px;}
  843.  
  844. #sdesc{
  845. width:229px;
  846. height:auto;
  847. padding:10px;
  848. background:{color:navigation};
  849. position:relative;
  850. font:10px calibri;
  851. letter-spacing:1px;
  852. margin-bottom:3px;
  853. font-style:normal;}
  854.  
  855. #spages{
  856. width:249px;
  857. padding:0;
  858. margin-bottom:3px;
  859. }
  860.  
  861. #spages a.pag{
  862. width:250px!important;
  863. margin:0px 0px 3px 0px;
  864. height:11px;
  865. padding:2px 0px 2px 0px;
  866. text-align:center;
  867. display:block;
  868. font:8px raleway;
  869. letter-spacing:1px;
  870. text-transform:uppercase;
  871. background-color:{color:navigation};
  872. color:{color:navigation and permalink links};
  873. }
  874.  
  875. #spages a.pag:last-child{margin-bottom:0px;}
  876.  
  877. a.nav:hover, #spages a.pag:hover{
  878. color:{color:posts in};
  879. background-color:{color:link};
  880. }
  881. {/block:IfNotShowSidebarPic}
  882.  
  883. {block:IfShowSidebarPic}
  884. #sbar{
  885. top:100px;}
  886. #spic{
  887. width:250px;
  888. background-color:{color:posts in};
  889. padding:10px 0px;
  890. position:relative;
  891. }
  892.  
  893. #spic img{width:230px; margin:0px 10px; position:relative; z-index:10;}
  894.  
  895. #spic .slinks{
  896. width:200px;
  897. height:10px;
  898. padding:0px;
  899. position:absolute;
  900. z-index:11;
  901. bottom:30px;
  902. left:25px;
  903. margin:auto;
  904. background-color:transparent;
  905. border-left:0;
  906. border-right:0;
  907. text-transform:uppercase;
  908. line-height:10px;
  909. text-align:center;}
  910.  
  911. .slinks a{
  912. color:{color:Navigation and permalink links};
  913. font-family:raleway;
  914. font-size:8px;
  915. letter-spacing:1px;
  916. margin:0px 3px;
  917. font-style:normal;
  918. text-transform:uppercase;
  919. background-color:{color:navigation};
  920. padding:3px 6px;}
  921.  
  922. .slinks a:hover{
  923. background-color:{color:link};
  924. color:{color:posts in};}
  925.  
  926. .sdesc{
  927. width:230px;
  928. position:relative;
  929. background-color:{color:posts in};
  930. padding:0px 10px 10px 10px;
  931. font:10px calibri;
  932. letter-spacing:1px;
  933. font-style:normal;
  934. text-align:justify;
  935. line-height:100%;}
  936.  
  937. .stitle{
  938. font:12px raleway;
  939. color:{color:link};
  940. display:block;
  941. margin-bottom:3px;
  942. font-weight:300;}
  943.  
  944. .spages{
  945. width:230px;
  946. margin-top:5px;
  947. }
  948.  
  949. .spages a{
  950. display:block;
  951. width:230px;
  952. padding:2px 0px;
  953. margin-bottom:3px;
  954. font:8px calibri;
  955. letter-spacing:1px;
  956. text-transform:uppercase;
  957. background-color:{color:navigation};
  958. text-align:center;
  959. color:{color:navigation and permalink links};}
  960.  
  961. .spages a:last-child{margin-bottom:0;}
  962.  
  963. .spages a:hover{
  964. background-color:{color:link};
  965. color:{color:posts in};}
  966.  
  967. {/block:IfShowSidebarPic}
  968.  
  969.  
  970. /* PAGINATION */
  971. .pagin{
  972. {block:IfNot400pxPost}width:540px; {/block:IfNot400pxPost}
  973. {block:If400pxPost}width:440px;{/block:If400pxPost}
  974. position:fixed;
  975. bottom:0px;
  976. background-color:{color:background};
  977. {block:IfBackgroundImage}
  978. {block:IfShowBackgroundImageonPagination}
  979. background-image:url('{image:background}');
  980. background-repeat:repeat;
  981. background-attachment:fixed;
  982.  
  983. {/block:IfShowBackgroundImageonPagination}
  984. {/block:IfBackgroundImage}
  985. z-index:2000000000000000000;
  986. padding:10px 0px 20px 0px;
  987. font-size:8px;
  988. font-family:calibri;
  989. text-transform:uppercase;
  990. letter-spacing:1px;
  991. text-align:center;
  992. color:{color:posts in};
  993. margin-left:-20px;
  994. }
  995.  
  996. .pagin a {
  997. font-family:calibri;
  998. font-style:normal;
  999. font-size:8px;
  1000. letter-spacing:1px;
  1001. color:{color:link hover};
  1002. background-color:{color:navigation};
  1003. padding: 2px 5px;
  1004. margin: 0px 3px;
  1005. border: 0px solid #5cbebb;
  1006. }
  1007.  
  1008. .current_page{
  1009. color:{color:link hover};
  1010. border:0px solid #5cbebb;
  1011. padding: 2px 5px;
  1012. background-color:{color:posts in};
  1013. margin:0px 3px;
  1014. }
  1015.  
  1016. .pagin a:hover{
  1017. background-color:{color:link};
  1018. color:{color:posts in};}
  1019.  
  1020. </style>
  1021. </head>
  1022.  
  1023. <body>
  1024.  
  1025. <div id="content">
  1026. <div id="sbar">
  1027. {block:IfNotShowSidebarPic}
  1028. <div id="scont">
  1029. <div id="sicon">
  1030. <a href="/" title="home"><img src="{PortraitURL-64}"></a>
  1031. </div>
  1032. <div id="slinks">
  1033. <a href="/" class="nav">index</a>
  1034. <a href="/ask" class="nav">ask box</a>
  1035. <a href="/archive" class="nav">archive</a>
  1036. <a href="{text:Link 1 URL}" class="nav">{text:Link 1 Name}</a>
  1037. <a href="{text:Link 2 URL}" class="nav">{text:Link 2 Name}</a>
  1038. <a href="{text:Link 3 URL}" class="nav">{text:Link 3 Name}</a>
  1039.  
  1040. </div>
  1041. </div>
  1042.  
  1043. <div id="sdesc">
  1044. <div class="stitle">
  1045. {Title}
  1046. </div>
  1047. {Description}
  1048. </div>
  1049.  
  1050. {block:HasPages}
  1051. <div id="spages">
  1052. {block:Pages}<a href="{URL}" class="pag">{Label}</a>{/block:Pages}
  1053. </div>
  1054. {/block:HasPages}
  1055. {/block:IfNotShowSidebarPic}
  1056.  
  1057. {block:IfShowSidebarPic}
  1058. <div id="spic">
  1059. <img src="{image:sidebar}">
  1060. <div class="slinks">
  1061. <a href="/" title="home">I</a>
  1062. <a href="/ask" title="ask">II</a>
  1063. <a href="/archive" title="archive">III</a>
  1064. <a href="{text:Link 1 URL}" title="{text:Link 1 Name}">IV</a>
  1065. <a href="{text:Link 2 URL}" title="{text:Link 2 Name}">V</a>
  1066. <a href="{text:Link 3 URL}" title="{text:Link 3 Name}">VI</a>
  1067. </div>
  1068.  
  1069. </div>
  1070. <div class="sdesc">
  1071. <div class="stitle">{Title}</div>
  1072. {Description}
  1073.  
  1074. {block:HasPages}
  1075. <div class="spages">
  1076. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  1077. </div>
  1078. {/block:HasPages}
  1079. </div>
  1080.  
  1081. {/block:IfShowSidebarPic}
  1082.  
  1083. </div>
  1084.  
  1085.  
  1086. <div id="credits"><a href="http://maraudersmaps.tumblr.com/"><img src="http://static.tumblr.com/2lqtwbf/Msym2dyam/untitled-3.png" title="theme by maraudersmaps"></a></div>
  1087.  
  1088.  
  1089. <!--- ENTRIES --->
  1090. <div id="entries">
  1091. {block:Posts}
  1092. <div id="ents">
  1093. <div class="entries">
  1094. <div class="entriescont">
  1095.  
  1096. <!--- TEXT POST --->
  1097. {block:Text}
  1098. <div style="padding:0px 5px 5px 5px; margin:auto!important;" width="100%">
  1099. {block:Title}
  1100. <div id="title">
  1101. <div class="texttitle">
  1102. <a href="{Permalink}" target="_blank">{Title}</a>
  1103. </div>
  1104. </div>
  1105. {/block:Title}
  1106.  
  1107. {Body}
  1108. {block:More}<a href="{Permalink}" style="font-family:'courier new'!important;text-transform:uppercase; padding:0px 2px!important; font-style:normal!important; background-color:#trans; color:{color:navigation and permalink links}!important">Read More</a>{/block:More}
  1109. </div>
  1110. {/block:Text}
  1111.  
  1112. <!--- PHOTO POST --->
  1113. {block:Photo}
  1114. <div id="photox">
  1115. <img src="{block:IfNot400pxPost}{PhotoURL-500}{/block:IfNot400pxPost}{block:If400pxPost}{PhotoURL-400}{/block:If400pxPost}" alt="{PhotoAlt}"/>
  1116. {block:HighRes}
  1117. <div class="hres">
  1118. <a href="{PhotoURL-HighRes}">High-Res</a>
  1119. </div>
  1120. {/block:HighRes}
  1121. </div>
  1122.  
  1123. {block:Caption}
  1124. <div class="caption">
  1125. {Caption}
  1126. </div>
  1127. {/block:Caption}
  1128. {/block:Photo}
  1129.  
  1130. <!--- PHOTOSET POST --->
  1131. {block:Photoset}
  1132. {block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}{block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  1133. {block:Caption}
  1134. <div class="caption">
  1135. {Caption}
  1136. </div>
  1137. {/block:Caption}
  1138. {/block:Photoset}
  1139.  
  1140. <!--- QUOTE POST --->
  1141. {block:Quote}
  1142. <div class="{Length}_quote">
  1143. {Quote}
  1144.  
  1145. {block:Source}
  1146. <div class="source">
  1147. {Source}
  1148. </div>
  1149. {/block:Source}
  1150. </div>
  1151. {/block:Quote}
  1152.  
  1153. <!--- LINK POST --->
  1154. {block:Link}
  1155. <div style="padding:0px 5px 5px 5px; margin:auto!important;" width="100%">
  1156. <div id="title">
  1157. <div class="texttitle">
  1158. <a href="{URL}" class="linkpost" target="_blank">{Name}</a>
  1159. </div>
  1160. </div>
  1161.  
  1162. {block:Description}
  1163. <div class="linkdescription">
  1164. {Description}
  1165. </div>
  1166. {/block:Description}
  1167. </div>
  1168. {/block:Link}
  1169.  
  1170. <!--- CHAT POST --->
  1171. {block:Chat}
  1172. <div style="padding:0px 30px 5px 30px; margin:auto!important; width="100%">
  1173. {block:Title}
  1174. <div id="title">
  1175. <div class="texttitle">
  1176. {Title}
  1177. </div>
  1178. </div>
  1179. {/block:Title}
  1180.  
  1181. <div class="chat" style="margin:auto;">
  1182. {block:Lines}
  1183. <div class="chat">
  1184. <div class="line {Alt}">
  1185. <div class="{Alt} user_{UserNumber}">
  1186. {block:Label}
  1187. <span class="label">
  1188. {Label}
  1189. </span>
  1190. {/block:Label}
  1191. {Line}
  1192. </div>
  1193. </div>
  1194. </div>
  1195. {/block:Lines}
  1196. </div>
  1197. </div>
  1198. {/block:Chat}
  1199.  
  1200. <!--- VIDEO POST --->
  1201. {block:Video}
  1202. {block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}{block:If400pxPost}{Video-400}{/block:If400pxPost}
  1203. {block:Caption}
  1204. <div class="caption">
  1205. {Caption}
  1206. </div>
  1207. {/block:Caption}
  1208. {/block:Video}
  1209.  
  1210. <!--- AUDIO POST --->
  1211. {block:Audio}
  1212. <table width="{block:IfNot400pxPost}width:500px;{/block:IfNot400pxPost}{block:If400pxPost}width:400px{/block:If400pxPost}" cellspacing="0" cellpadding="0">
  1213. <tr height="160px">
  1214. <td>
  1215. <div class="audbox">
  1216. <div class="audbutton">
  1217. {block:AudioPlayer}
  1218. {AudioPlayerWhite}
  1219. {/block:AudioPlayer}
  1220. </div>
  1221. </div>
  1222. <div class="cover">
  1223. <img src="http://static.tumblr.com/2lqtwbf/HA8mr2198/sin_t__tulo-2.png" style="position:relative;z-index:2;{block:AlbumArt}display:none;{/block:AlbumArt}">
  1224. {block:AlbumArt}
  1225. <img src="{AlbumArtURL}" style="position:relative;z-index:3;">
  1226. {/block:AlbumArt}
  1227. </div>
  1228. </td>
  1229. <td>
  1230. <div id="audinfor">
  1231. <table width="100%" cellpadding="0" cellspacing"0" class="audinfor">
  1232. <tr height="157px">
  1233. <td>
  1234. {block:TrackName}
  1235. <div class="audsong">
  1236. {TrackName}
  1237. </div>
  1238. {/block:TrackName}
  1239. <div class="audartist">
  1240. {block:Artist}
  1241. {Artist}
  1242. {/block:Artist}
  1243. {block:Album}
  1244. {block:Artist}
  1245. &nbsp;-&nbsp;
  1246. {/block:Artist}
  1247. {Album}
  1248. {/block:Album}
  1249. {block:PlayCount}
  1250. <br>
  1251. {PlayCountWithLabel}
  1252. {/block:PlayCount}
  1253. </div>
  1254. </td>
  1255. </tr>
  1256. </table>
  1257. </div>
  1258. </td>
  1259. </tr>
  1260. </table>
  1261.  
  1262. {block:Caption}
  1263. <div class="caption">
  1264. {Caption}
  1265. </div>
  1266. {/block:Caption}
  1267. {/block:Audio}
  1268.  
  1269. <!--- ASK POST --->
  1270. {block:Answer}
  1271. <table id="question" cellspacing="0" cellpadding="0">
  1272. <tr height="60px">
  1273. <td class="askpic">
  1274. <div style="display:block; position:relative;z-index:1;">
  1275. <img src="{AskerPortraitURL-64}">
  1276. </div>
  1277. <div style="display:block; float:right; background-color:trans; color:{color:posts in}; font-size:50px; margin-left:12px; padding:0px; margin-top:-40px; position:relative; z-index:22;text-shadow:1px 1px 0px {color:navigation}, 1px -1px 0px {color:navigation};">
  1278. </div>
  1279. </td>
  1280. <td>
  1281. <span class="accent">{Asker} said:</span>
  1282. <br>
  1283. <div style="line-height:90%; margin-top:2px;">
  1284. <span class="quest">{Question}</span>
  1285. </div>
  1286. </td>
  1287. </tr>
  1288. </table>
  1289. <div id="answer">
  1290. {answer}
  1291. </div>
  1292. {/block:Answer}
  1293.  
  1294.  
  1295. </div>
  1296.  
  1297. <div class="bottoms">
  1298. <span style="float:left; margin-left:5px;">
  1299. {block:NoteCount}
  1300. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1301. {/block:NoteCount}
  1302. {block:Date}
  1303. {block:NewDayDate}
  1304. {block:NoteCount}on {/block:NoteCount}<a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  1305. {/block:NewDayDate}
  1306. {block:SameDayDate}
  1307. {block:NoteCount}at {/block:NoteCount}<a href="{Permalink}">{24HourWithZero}:{Minutes}</a>
  1308. {/block:SameDayDate}
  1309. {/block:Date}
  1310. </span>
  1311.  
  1312. {block:RebloggedFrom}
  1313. <span style="float:right; margin-right:5px;">
  1314. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> / <a href="{RebloggedRootURL}" title="{ReblogRootName}">Source</a>
  1315. </span>
  1316. {/block:RebloggedFrom}
  1317. </div>
  1318.  
  1319. <div class="ptags">
  1320. {block:HasTags}
  1321. {block:Tags}
  1322. <a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;
  1323. {/block:Tags}
  1324. {/block:HasTags}
  1325. </div>
  1326.  
  1327.  
  1328.  
  1329. <!--- POST NOTES--->
  1330. {block:PermalinkPage}
  1331. <div id="postpermalink">
  1332. {block:PostNotes}
  1333. {PostNotes}
  1334. {/block:PostNotes}
  1335. </div>
  1336. {/block:PermalinkPage}
  1337.  
  1338. </div>
  1339. </div>
  1340. {/block:Posts}
  1341.  
  1342. <div id="reblogs" style="display:none;">
  1343. {block:RebloggedFrom}
  1344. <a href="{ReblogParentURL}">
  1345. <img src="{ReblogParentPortraitURL-24}">
  1346. </a>
  1347. → reblogged from
  1348. <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  1349. {/block:RebloggedFrom}
  1350. {block:ContentSource}
  1351. originally from
  1352. <a href="{SourceURL}">{SourceLink}</a>
  1353. <br>
  1354. {/block:ContentSource}
  1355. <a href="{Permalink}">→
  1356. {block:NoteCount}
  1357. {NoteCount} notes,
  1358. {/block:NoteCount}
  1359. {block:Date}
  1360. posted {TimeAgo}
  1361. {/block:Date}
  1362. </a>
  1363. </div>
  1364.  
  1365.  
  1366. {block:Pagination}
  1367. <div class="pagin">
  1368. {block:PreviousPage}
  1369. <a href="{PreviousPage}">older</a>
  1370. {/block:PreviousPage}
  1371.  
  1372. {block:JumpPagination length="5"}
  1373. {block:CurrentPage}
  1374. <span class="current_page">{PageNumber}</span>
  1375. {/block:CurrentPage}
  1376.  
  1377. {block:JumpPage}
  1378. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1379. {/block:JumpPage}
  1380. {/block:JumpPagination}
  1381.  
  1382. {block:NextPage}
  1383. <a href="{NextPage}">newer</a>
  1384. {/block:NextPage}
  1385. </div>
  1386. {/block:Pagination}
  1387.  
  1388. </div>
  1389.  
  1390. </body>
  1391. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement