API tools faq
paste
Advertisement
heydestiel

Theme TEN (with sidebar border)

heydestiel
Aug 2nd, 2013
250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.69 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <!---
  4.  
  5. █──█ █▀▀ █──█ █▀▀▄ █▀▀ █▀▀ ▀▀█▀▀ ─▀─ █▀▀ █──
  6. █▀▀█ █▀▀ █▄▄█ █──█ █▀▀ ▀▀█ ──█── ▀█▀ █▀▀ █──
  7. ▀──▀ ▀▀▀ ▄▄▄█ ▀▀▀─ ▀▀▀ ▀▀▀ ──▀── ▀▀▀ ▀▀▀ ▀▀▀
  8.  
  9.  
  10. you know the rules DO NOT STEAL, DO NOT REMOVE C R E D I T OR USE AS BASE!!
  11.  
  12. --->
  13.  
  14.  
  15. <meta name="color:background" content="#FFFFFF" />
  16. <meta name="color:text" content="#a8a5a5"/>
  17. <meta name="color:link" content="#a8a5a5"/>
  18. <meta name="color:linkHover" content="#312f2b"/>
  19. <meta name="color:scrollbar" content="#BBBBBB" />
  20. <meta name="color:scrollbg" content="#FFFFFF" />
  21. <meta name="color:nav hover color" content="#312f2b"/>
  22.  
  23. <meta name="image:sidebar" content=""/>
  24.  
  25. <meta name="text:linkA" content="">
  26. <meta name="text:linkA url" content="/">
  27. <meta name="text:linkB" content="">
  28. <meta name="text:linkB url" content="/">
  29. <meta name="text:linkC" content="">
  30. <meta name="text:linkC url" content="/">
  31. <meta name="text:linkD" content="">
  32. <meta name="text:linkD url" content="/">
  33. <meta name="text:linkE" content="">
  34. <meta name="text:linkE url" content="/">
  35.  
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  38.  
  39.  
  40. <head><title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" haref="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <style type="text/css">
  45.  
  46.  
  47. ::-webkit-scrollbar-thumb:vertical {
  48. height:3px;
  49. border:2px solid #fff;
  50. background-color:#999;
  51. }
  52. ::-webkit-scrollbar-thumb:horizontal {
  53. background-color:#fff;
  54. }
  55. ::-webkit-scrollbar {
  56. width:9px;
  57. height:7px;
  58. border:5px solid #fff;
  59. background-color:#999;
  60. }
  61. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  62. display:block;
  63. height:5px;
  64. border-right:2px solid #fff;
  65. border-left:2px solid #fff;
  66. background-color:#999;
  67. }
  68.  
  69.  
  70. body {
  71. background:{color:background};
  72. font-family: calibri;
  73. font-size:9px;
  74. letter-spacing:1px;
  75. color:{color:text};
  76. line-height:100%;
  77. }
  78.  
  79. a:link, a:active, a:visited{color: {color:link};}
  80. a:hover{color:{color:linkHover};}
  81.  
  82. a {
  83. color:{color:link};
  84. text-decoration:none;
  85. -moz-transition-duration:0.5s;
  86. -webkit-transition-duration:0.5s;
  87. -o-transition-duration:0.5s;
  88. }
  89.  
  90. a:hover {
  91. color:{color:linkHover};
  92. text-decoration:none;
  93. -moz-transition-duration:0.5s;
  94. -webkit-transition-duration:0.5s;
  95. -o-transition-duration:0.5s;
  96. }
  97.  
  98.  
  99. h1 {
  100. font-weight:normal;
  101. font-size:12px;
  102. text-align:center;
  103. font-family:calibri;
  104. font-style:normal;
  105. line-height:80%;
  106. letter-spacing:1px;
  107. text-transform:uppercase;
  108. color:{color:text};
  109. }
  110.  
  111. h2 {
  112. font-size:15px;
  113. font-family:calibri;
  114. text-align:center;
  115. line-height:100%;
  116. letter-spacing:-0.5px;
  117. color:{color:text};
  118. font-weight:normal;
  119. padding:5px;
  120. padding-bottom:2px;
  121. }
  122.  
  123. #container {
  124. background-color:{color:background};
  125. width: 814px;
  126. text-align: center;
  127. margin: 0 auto -10px auto;
  128. }
  129.  
  130.  
  131. #title {
  132. font-family:arial;
  133. font-size:9px;
  134. text-align:center;
  135. margin-top:-10px;
  136. width:179px;
  137. font-style:italic;
  138. text-transform:uppercase;
  139. padding-bottom:1px;
  140. padding-top:1px;
  141. }
  142.  
  143. #sidebar {
  144. top: 150px;
  145. margin-left:-40px;
  146. position:fixed;
  147. width:180px;
  148. }
  149.  
  150. #descri {
  151. font-family:calibri;
  152. padding-top:-4px;
  153. margin-top:-20px;
  154. margin-bottom:25px;
  155. line-height:100%;
  156. font-size:8px;
  157. width:180px;
  158. padding:20px;
  159. padding-bottom: 5px;
  160. border: 4px double #f7f7f7;
  161. }
  162.  
  163. #descri img {
  164. width:180px;
  165. opacity: 0.8;
  166. }
  167.  
  168. #stext {
  169. text-align:justify;
  170. width: 180px;
  171. color:#817f7f;
  172. line-height: 120%;
  173. letter-spacing:0px;
  174. font-style:normal;
  175. opacity: 0.7;
  176. text-transform:normal;
  177. font-size: 10px;
  178. font-family:calibri;
  179. margin-top:10px;
  180. }
  181.  
  182. .sidelinks{
  183. font-size:9px;
  184. font-family:calibri;
  185. font-style:normal;
  186. text-transform:uppercase;
  187. text-align:center;
  188. line-height:110%;
  189. padding:6px;
  190. width: 180px;
  191. margin-left:-5px;
  192. border-top: 3px double #f7f7f7;
  193. }
  194.  
  195. .sidelinks a{
  196. padding:5px;
  197. letter-spacing:2px;
  198. color:{color:link};
  199. -moz-transition-duration:0.4s;
  200. -webkit-transition-duration:0.4s;
  201. -o-transition-duration:0.4s;
  202. }
  203.  
  204. .sidelinks a:hover{
  205. color:{color:linkHover};
  206. text-decoration: underline;
  207. -moz-transition-duration:0.4s;
  208. -webkit-transition-duration:0.4s;
  209. -o-transition-duration:0.4s;
  210. }
  211.  
  212. #pagination {
  213. text-align:center;
  214. font-size: 8px;
  215. width: 180px;
  216. font-family:calibri;
  217. }
  218.  
  219.  
  220. .audio {
  221. width:500px;
  222. padding-bottom:10px;
  223. background-color:{color:infobg};
  224. }
  225.  
  226. .albumart {
  227. float:left;
  228. padding:0px 10px 10px 0px;
  229. }
  230.  
  231. .albumart img {
  232. width:45px;
  233. height:45px;
  234. }
  235.  
  236. .playercontainer {
  237. text-align:left;
  238. padding:10px;
  239. background-color:#ffffff;
  240. width:480px;
  241. }
  242.  
  243. .audioinfo {
  244. padding:10px;
  245. color:{color:text};
  246. }
  247.  
  248. .ask {
  249. padding:10px;
  250. text-align:left;
  251. border-bottom: 1px solid #f4f4f4;
  252. opacity: 0.9;
  253. color:#a8a7a7;
  254. }
  255.  
  256. .ans {
  257. text-align:left;
  258. padding:10px;
  259. color:{color:text};
  260. }
  261.  
  262. blockquote {
  263. border-left:2px solid {color:text};
  264. padding-left:5px;
  265. margin:5px;
  266. }
  267.  
  268. #postcontainer {
  269. float:left;
  270. margin-left:200px;
  271. margin-top:65px;
  272. text-align:justify;
  273.  
  274. color:{color:text};
  275. padding: 25px;
  276. padding-top: 13px;
  277. margin-bottom: 35px;
  278. }
  279.  
  280. #posts {
  281. width:500px;
  282. margin-top:-25px;
  283. text-align:justify;
  284. font-size:12px;
  285. line-height:110%;
  286. letter-spacing:0x;
  287. padding: 20px;
  288. padding-bottom: 20px;
  289. color:{color:text};
  290. }
  291.  
  292. .caption {
  293. width:500px;
  294. text-align:left;
  295. line-height:100%;
  296. }
  297.  
  298.  
  299. #postinfo {
  300. border-top: 3px double #f4f4f4;
  301. width:490px;
  302. padding:5px;
  303. font-size:8px;
  304. font-family:calibri;
  305. color:{color:link};
  306. text-transform:uppercase;
  307. font-style:normal;
  308. letter-spacing:2px;
  309. text-align:center;
  310. -moz-transition-duration:0.5s;
  311. -webkit-transition-duration:0.5s;
  312. -o-transition-duration:0.5s;
  313. }
  314.  
  315. #postinfo a {
  316. color:{color:link};
  317. text-align:left;
  318. letter-spacing:1px;
  319. font-style:normal;
  320. }
  321.  
  322. #postinfo a:hover {
  323. color:{color:linkHover};
  324. text-decoration: underline;
  325. }
  326.  
  327. .note {
  328. text-transform:uppercase;
  329. font-style:normal;
  330. font-size:8px;
  331. padding-bottom: 3px;
  332. font-family:calibri;
  333. color:{color:notes};
  334. letter-spacing:1px;
  335. text-align:left;
  336. line-height:90%;
  337. }
  338.  
  339. .note li {
  340. list-style-type:none;
  341. text-align:left;
  342. margin:0px;
  343. color:{color:notes};
  344. -moz-transition-duration:0.5s;
  345. -webkit-transition-duration:0.5s;
  346. -o-transition-duration:0.5s;
  347. }
  348.  
  349. .tags {
  350. font-style:none;
  351. width:490px;
  352. margin-top:-8px;
  353. text-transform:uppercase;
  354. font-style:normal;
  355. color:{color:link};
  356. letter-spacing:1px;
  357. font-family:calibri;
  358. line-height:100%;
  359. font-size:8px;
  360. text-align:center;
  361. padding:5px;
  362. -moz-transition-duration:0.5s;
  363. -webkit-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. }
  366.  
  367. .tags a {
  368. color:{color:link};
  369. letter-spacing:1px;
  370. font-family:calibri;
  371. padding:1px;
  372. }
  373.  
  374. .tags a:hover {
  375. color:{color:link};
  376. text-decoration:underline;
  377. letter-spacing:1px;
  378. font-family:calibri;
  379. padding:1px;
  380. }
  381.  
  382.  
  383. #profoundbond {
  384. position:fixed;
  385. font-family:calibri;
  386. text-transform:lowercase;
  387. font-size:10px;
  388. letter-spacing:1px;
  389. right:3px;
  390. bottom:10px;
  391. color:{color:text};
  392. padding: 5px;
  393. }
  394.  
  395. ol.notes {
  396. padding:0px;
  397. margin:25px 0px;
  398. list-style-type:none;
  399. }
  400. ol.notes li.note {
  401. padding: 10px;
  402. }
  403.  
  404. }
  405. ol.notes li.note span.action {
  406. font-weight:normal;
  407. }
  408. ol.notes li.note .answer_content {
  409. font-weight:normal;
  410. }
  411. ol.notes li.note blockquote {
  412. padding:9px 6px 9px 6px;
  413. margin:10px 0px 0px 25px;
  414. }
  415.  
  416.  
  417. </style>
  418.  
  419. <style type="text/css">{CustomCSS}</style>
  420.  
  421. </head>
  422. <body>
  423.  
  424. <div id="container">
  425.  
  426. <div id="sidebar">
  427.  
  428. <div id="descri">
  429. <div id="title"><a href="/">{Title}</a></div>
  430. <br><div id="sidebarimage"><img src="{image:sidebar}"></div>
  431.  
  432. <div id="stext">{Description}</div>
  433.  
  434. <br><div class="sidelinks">
  435. {block:ifLinkA}<a href="{text:linkA url}">{text:linkA}</a>
  436. {/block:ifLinkA}
  437. {block:ifLinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:ifLinkB}
  438. {block:ifLinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:ifLinkC}
  439. {block:ifLinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:ifLinkD}
  440. {block:ifLinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:ifLinkE}
  441. {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  442. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  443.  
  444.  
  445. </div>
  446.  
  447. </div></div>
  448. <!---
  449. THEME BY HEYDESTEL. DO NOT STEAL OR USE AS BASE. KEEP THE CREDITS!!!
  450. --->
  451.  
  452.  
  453. <div id="postcontainer">
  454.  
  455.  
  456. {block:Posts}<div id="posts">
  457.  
  458. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  459.  
  460. {block:Photo}{LinkOpenTag}<div id="stuff img"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  461.  
  462. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  463.  
  464. {block:Link}<a href="{URL}"><h1>» {Name}</h1></a>
  465. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  466.  
  467. {block:Photoset}<div id="stuff img">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  468.  
  469. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  470.  
  471. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  472.  
  473. {block:Answer}<div class="ask"><b>{Asker}</b> seductively whispered: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  474.  
  475. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  476. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  477. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  478. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  479. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  480.  
  481. {block:Date}<div id="postinfo"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} — <a href="{Permalink}">{NoteCount} notes<a>{/block:NoteCount}{block:RebloggedFrom}, <a href="{ReblogParentURL}"><u>via</u></a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}"><u>source</u></a>{/block:ContentSource}{block:hastags} <br>{block:Tags}<a href="{TagURL}">♯ {Tag}</a> {/block:Tags}{/block:hastags}</span></div></div>
  482.  
  483.  
  484. <div class="note">
  485. {block:PostNotes}{PostNotes}{/block:PostNotes}
  486. </div>
  487.  
  488.  
  489. {/block:Posts}
  490. </div</div>
  491.  
  492.  
  493.  
  494. <div id="profoundbond"><a href="http://daddyjensen.tumblr.com/">©daddyjensen </a></div>
  495.  
  496.  
  497.  
  498.  
  499. </body>
  500.  
  501. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!