Advertisement
heydestiel

Theme SEVEN (400px posts)

Jun 28th, 2013
176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.52 KB | None | 0 0
  1.  
  2.  
  3.  
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8.  
  9. <head>
  10.  
  11. <!---
  12.  
  13. █──█ █▀▀ █──█ █▀▀▄ █▀▀ █▀▀ ▀▀█▀▀ ─▀─ █▀▀ █──
  14. █▀▀█ █▀▀ █▄▄█ █──█ █▀▀ ▀▀█ ──█── ▀█▀ █▀▀ █──
  15. ▀──▀ ▀▀▀ ▄▄▄█ ▀▀▀─ ▀▀▀ ▀▀▀ ──▀── ▀▀▀ ▀▀▀ ▀▀▀
  16.  
  17.  
  18. you know the rules DO NOT STEAL, DO NOT REMOVE C R E D IT OR USE AS BASE!!
  19.  
  20. --->
  21.  
  22.  
  23. <meta name="color:background" content="#FFFFFF" />
  24. <meta name="color:text" content="#a8a5a5"/>
  25. <meta name="color:description text" content="#FFFFFF" />
  26. <meta name="color:link" content="#a8a5a5"/>
  27. <meta name="color:sidebar link color" content="#adadad" />
  28. <meta name="color:links background" content="#f2f2f2"/>
  29. <meta name="color:linkHover" content="#312f2b"/>
  30. <meta name="color:scrollbar" content="#BBBBBB" />
  31. <meta name="color:scrollbg" content="#FFFFFF" />
  32.  
  33.  
  34. <meta name="image:sidebar" content=""/>
  35.  
  36. <meta name="text:linkA" content="">
  37. <meta name="text:linkA url" content="/">
  38. <meta name="text:linkB" content="">
  39. <meta name="text:linkB url" content="/">
  40. <meta name="text:linkC" content="">
  41. <meta name="text:linkC url" content="/">
  42. <meta name="text:linkD" content="">
  43. <meta name="text:linkD url" content="/">
  44. <meta name="text:linkE" content="">
  45. <meta name="text:linkE url" content="/">
  46. <meta name="text:linkF" content="">
  47. <meta name="text:linkF url" content="/">
  48.  
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  51.  
  52.  
  53. <head><title>{Title}</title>
  54. <link rel="shortcut icon" href="{Favicon}">
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <style type="text/css">
  58.  
  59.  
  60. ::-webkit-scrollbar {width: 5px; height:auto; background:{color :background}}
  61. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  62. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  63. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  64. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  65. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  66. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  67.  
  68.  
  69. body {
  70. background:{color:background};
  71. font-family: calibri;
  72. font-size:9px;
  73. letter-spacing:1px;
  74. color:{color:text};
  75. line-height:100%;
  76. }
  77.  
  78. a:link, a:active, a:visited{color: {color:link};}
  79. a:hover{color:{color:linkHover};}
  80.  
  81. a {
  82. color:{color:link};
  83. text-decoration:none;
  84. -moz-transition-duration:0.5s;
  85. -webkit-transition-duration:0.5s;
  86. -o-transition-duration:0.5s;
  87. }
  88.  
  89. a:hover {
  90. color:{color:linkHover};
  91. text-decoration:none;
  92. -moz-transition-duration:0.5s;
  93. -webkit-transition-duration:0.5s;
  94. -o-transition-duration:0.5s;
  95. }
  96.  
  97.  
  98. h1 {
  99. font-weight:normal;
  100. font-size:12px;
  101. text-align:center;
  102. font-family:calibri;
  103. font-style:normal;
  104. line-height:80%;
  105. letter-spacing:1px;
  106. text-transform:uppercase;
  107. color:{color:text};
  108. }
  109.  
  110. h2 {
  111. font-size:15px;
  112. font-family:calibri;
  113. text-align:center;
  114. line-height:100%;
  115. letter-spacing:-0.5px;
  116. color:{color:text};
  117. font-weight:normal;
  118. padding:5px;
  119. padding-bottom:2px;
  120. }
  121.  
  122.  
  123. #cheesewhiz {
  124. width:700px;
  125. margin: 0 auto -12px auto;
  126. text-align: center;
  127. }
  128.  
  129.  
  130. .links {
  131. position:absolute;
  132. width:160px;
  133. line-height: 120%;
  134. text-transform: uppercase;
  135. position:fixed;
  136. opacity: 1;
  137. margin-left: 5px;
  138. text-align: center;
  139. margin-bottom:10px;
  140. display:block;
  141. text-transform:uppercase;
  142. -webkit-transition:0.5s linear;
  143. }
  144.  
  145. .links a{
  146. font-family:inconsolata;
  147. font-style:normal;
  148. font-size:9px;
  149. text-transform:uppercase;
  150. color:{color:sidebar link color};
  151. display:block;
  152. border:1px solid {color:links background};
  153. padding-left:3px;
  154. margin-bottom: 1px;
  155. letter-spacing:0px;
  156. opacity:1;
  157. background-color:{color:links background};
  158. text-decoration:none;
  159. -moz-transition-duration:1s;
  160. -webkit-transition-duration:1s;
  161. -o-transition-duration:1s;
  162. }
  163.  
  164. .links a:hover{
  165. color:{color:linksHover};
  166. letter-spacing:4px;
  167. opacity:1;
  168. background-color:{color:links background};
  169. -webkit-transition: all 0.3s ease;
  170. -moz-transition: all 0.3s ease;
  171. -o-transition: all 0.3s ease;
  172. }
  173.  
  174. .pagination {
  175. padding:5px;
  176. font-family:calibri;
  177. font-size:8px;
  178. letter-spacing:2px;
  179. text-decoration:none;
  180. word-spacing:4px;
  181. width:140px;
  182. text-align:center;
  183. position:relative;
  184. color:{color: link};
  185. margin-top:60px;
  186. margin-left: 10px;
  187. }
  188.  
  189.  
  190. #sidebar {
  191. top: 200px;
  192. width:170px;
  193. height:700px;
  194. background:#f7f7f7;
  195. padding:20px;
  196. background-image: url('{image:sidebar}');
  197. border: 1px solid #dbd7d7;
  198. margin-top: -200px;
  199. position: fixed;
  200. margin-left: -60px;
  201. line-height: 30px;
  202. }
  203.  
  204.  
  205. #rant {
  206. width:160px;
  207. line-height: 130%;
  208. text-align:justify;
  209. font-size: 10px;
  210. font-family:calibri;
  211. color:{color:description text};
  212. letter-spacing:0px;
  213. padding: 5px;
  214. margin-top: 20px;
  215. }
  216.  
  217.  
  218. .audio {
  219. height:73px;
  220. margin-bottom:5px;
  221. }
  222.  
  223. .audio-album {
  224. position:absolute;
  225. width:60px;
  226. }
  227.  
  228. .audio-player {
  229. opacity:0.6;
  230. filter:alpha(opacity=60);
  231. border:2px solid #f2f2f2;
  232. width:25px;
  233. height:25px;
  234. overflow:hidden;
  235. position:absolute;
  236. z-index:2;
  237. margin-left:22px;
  238. margin-top:22px;
  239. }
  240.  
  241. .audio-info {
  242. margin-left:80px;
  243. padding:5px; }
  244.  
  245. .albumart {
  246. float:left;
  247. padding:0px 10px 10px 0px;
  248. }
  249.  
  250. .albumart img {
  251. width:45px;
  252. height:45px;
  253. }
  254.  
  255. .playercontainer {
  256. text-align:left;
  257. padding:10px;
  258. background-color:#ffffff;
  259. width:440px;
  260. }
  261.  
  262. .audioinfo {
  263. padding:10px;
  264. color:{color:text};
  265. }
  266.  
  267. .ask {
  268. padding:20px;
  269. text-align:left;
  270. color:{color:text};
  271. background-color:#fcfcfc;
  272. }
  273.  
  274. .ans {
  275. text-align:left;
  276. padding:10px;
  277. color:{color:text};
  278. }
  279.  
  280. blockquote {
  281. border-left:2px solid {color:text};
  282. padding-left:5px;
  283. margin:5px;
  284. }
  285.  
  286. #stuffcontainer {
  287. float:left;
  288. margin-left:210px;
  289. margin-top:65px;
  290. text-align:justify;
  291. color:{color:text};
  292. margin-bottom: 35px;
  293. }
  294.  
  295. #stuff {
  296. width:400px;
  297. margin-top:15px;
  298. text-align:justify;
  299. font-size:12px;
  300. line-height:110%;
  301. letter-spacing:0x;
  302. padding: 20px;
  303. padding-bottom: 10px;
  304. color:{color:text};
  305. }
  306.  
  307. .caption {
  308. width:400px;
  309. text-align:left;
  310. line-height:100%;
  311. }
  312.  
  313. #postinfo {
  314. border-top: 1px solid #f4f4f4;
  315. width:390px;
  316. padding:5px;
  317. font-size:8px;
  318. font-family:inconsolata;
  319. color:{color:link};
  320. text-transform:uppercase;
  321. font-style:normal;
  322. letter-spacing:2px;
  323. text-align:center;
  324. -moz-transition-duration:0.5s;
  325. -webkit-transition-duration:0.5s;
  326. -o-transition-duration:0.5s;
  327. }
  328.  
  329. #postinfo a {
  330. color:{color:link};
  331. text-align:left;
  332. letter-spacing:1px;
  333. font-style:normal;
  334. }
  335.  
  336. #postinfo a:hover {
  337. color:{color:linkHover};
  338. text-decoration: underline;
  339. }
  340.  
  341. .note {
  342. text-transform:uppercase;
  343. font-style:normal;
  344. font-size:10px;
  345. padding-bottom: 3px;
  346. font-family:calibri;
  347. color:{color:notes};
  348. letter-spacing:1px;
  349. text-align:left;
  350. line-height:90%;
  351. }
  352.  
  353. .note li {
  354. list-style-type:none;
  355. text-align:left;
  356. margin:0px;
  357. color:{color:notes};
  358. -moz-transition-duration:0.5s;
  359. -webkit-transition-duration:0.5s;
  360. -o-transition-duration:0.5s;
  361. }
  362.  
  363. .tags {
  364. font-style:none;
  365. width:390px;
  366. margin-top:-8px;
  367. text-transform:uppercase;
  368. font-style:normal;
  369. color:{color:link};
  370. letter-spacing:1px;
  371. font-family:inconsolata;
  372. line-height:100%;
  373. font-size:8px;
  374. text-align:center;
  375. padding:5px;
  376. -moz-transition-duration:0.5s;
  377. -webkit-transition-duration:0.5s;
  378. -o-transition-duration:0.5s;
  379. }
  380.  
  381. .tags a {
  382. color:{color:link};
  383. letter-spacing:1px;
  384. font-family:calibri;
  385. padding:1px;
  386. }
  387.  
  388. .tags a:hover {
  389. color:{color:link};
  390. text-decoration:underline;
  391. letter-spacing:1px;
  392. font-family:calibri;
  393. padding:1px;
  394. }
  395.  
  396. #profoundbond {
  397. position:fixed;
  398. width:65px;
  399. font-family:calibri;
  400. text-transform:lowercase;
  401. font-size:10px;
  402. letter-spacing:1px;
  403. right:16px;
  404. bottom:10px;
  405. color:{color:text};
  406. letter-spacing: 3px;
  407. }
  408.  
  409.  
  410. </style>
  411.  
  412. <style type="text/css">{CustomCSS}</style>
  413.  
  414.  
  415. </head>
  416. <body>
  417.  
  418.  
  419. <div id="cheesewhiz">
  420.  
  421. <div id="sidebar">
  422. <div id="butts">
  423.  
  424. <div id="rant">{Description}</div>
  425.  
  426. <div class="links">
  427. {block:IfLinkA}
  428. <a href="{text:linkA url}">{text:linkA}</a>
  429. {/block:IfLinkA}
  430. {block:IfLinkB}
  431. <a href="{text:linkB url}">{text:linkB}</a>
  432. {/block:IfLinkB}
  433. {block:IfLinkC}
  434. <a href="{text:linkC url}">{text:linkC}</a>
  435. {/block:IfLinkC}
  436. {block:IfLinkD}
  437. <a href="{text:linkD url}">{text:linkD}</a>
  438. {/block:IfLinkD}
  439. {block:IfLinkE}
  440. <a href="{text:linkE url}">{text:linkE}</a>
  441. {/block:IfLinkE}
  442. {block:IfLinkF}
  443. <a href="{text:linkF url}">{text:linkF}</a>
  444. {/block:IfLinkF}
  445. </div>
  446.  
  447. {block:Pagination}
  448. <div class="pagination">
  449. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  450. {block:JumpPagination length="3"}{block:CurrentPage}
  451. <span class="pagination_current" style="padding:2px 4px 2px 4px;">{PageNumber}</span>
  452. {/block:CurrentPage}
  453. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  454. {/block:JumpPagination}
  455. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  456. </div>
  457. {/block:Pagination}
  458.  
  459.  
  460. </div></div>
  461.  
  462. <!---
  463. THEME BY HEYDESTEL. DO NOT STEAL OR USE AS BASE. KEEP THE CREDITS!!!
  464. --->
  465.  
  466.  
  467. <div id="stuffcontainer">
  468.  
  469. {block:Posts}<div id="stuff">
  470.  
  471. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  472.  
  473. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  474.  
  475. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  476.  
  477. {block:Link}<a href="{URL}"><h1>» {Name}</h1></a>
  478. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  479.  
  480. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  481.  
  482. {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}
  483.  
  484. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  485.  
  486. {block:Answer}<div class="ask"><b>{Asker}</b> whispered: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  487.  
  488. {block:Audio}
  489. <div class="audio">
  490. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  491. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  492.  
  493.  
  494. <div class="audio-info">
  495. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  496. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  497. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  498. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  499. </div></div>
  500.  
  501. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  502.  
  503. {block:Date}<div id="postinfo"><a href="{Permalink}">posted on {Month}. {DayOfMonth}th</a><a href="{Permalink}"></a>{block:NoteCount} with <a href="{Permalink}"> {NoteCount} notes </a> {/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  504. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}</div>{/block:Date}
  505. <div class="tags">
  506. {block:HasTags}tagged as: {block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  507. <div class="note">
  508. {block:PostNotes}{PostNotes}{/block:PostNotes}
  509. </div>
  510. </div>
  511. {/block:Posts}
  512.  
  513. </div></div>
  514.  
  515. <!---
  516. THEME BY HEYDESTEL. DO NOT STEAL OR USE AS BASE.
  517.  
  518.  
  519. DONT EVEN THINK ABOUT REMOVING THESE CREDITS.
  520. --->
  521.  
  522.  
  523. <div id="profoundbond"><a href="http://heydestiel.tumblr.com/"><b>©heydestiel </b></a></div>
  524. </body>
  525.  
  526. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement