API tools faq
paste
Advertisement
parispier

Theme12: Talk is Cheap

parispier
Mar 22nd, 2013
2,466
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.06 KB | None | 0 0
raw download clone embed print report
  1. <!---- theme made by nialljhoren ---->
  2. <!---- do not use as base code, remove credit, or claim as your own --->
  3. <!---- if you are trying to make the second box smaller, change #sidebar2's height and then move up the #links and #pagination ---->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head><title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <script>
  13. window.onload = function () {
  14. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  15. document.addEventListener( 'click', function ( event ) {
  16. var myLike = event.target;
  17. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  18. var frame = document.getElementById( 'my-like-frame' ),
  19. liked = ( myLike.className == 'my-liked' ),
  20. command = liked ? 'unlike' : 'like',
  21. reblog = myLike.getAttribute( 'data-reblog' ),
  22. id = myLike.getAttribute( 'data-id' ),
  23. oauth = reblog.slice( -8 );
  24. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  25. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  26. };
  27. }, false );
  28. };
  29. </script>
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:sbarbg" content="#686666" />
  33. <meta name="color:destext" content="#a3a3a3" />
  34. <meta name="color:sbarlines" content="#e4e3e2" />
  35. <meta name="color:text" content="#a3a3a3" />
  36. <meta name="color:link" content="#b3b2b1" />
  37. <meta name="color:linkhovercolor" content="#f3f3f3" />
  38. <meta name="color:navlink" content="#b3b2b1" />
  39. <meta name="color:navlinkhovercolor" content="#f3f3f3" />
  40. <meta name="color:sbarborder" content="#e4e3e2" />
  41. <meta name="color:scrollbar" content="#b1b1b1"/>
  42.  
  43. <meta name="text:Link1" content="/" />
  44. <meta name="text:Link1 Title" content="link 1" />
  45. <meta name="text:Link2" content="/" />
  46. <meta name="text:Link2 Title" content="link 2" />
  47. <meta name="text:Link3" content="/" />
  48. <meta name="text:Link3 Title" content="link 3" />
  49. <meta name="text:Link4" content="/" />
  50. <meta name="text:Link4 Title" content="link 4" />
  51.  
  52. <meta name="image:sidebar" content=""/>
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}
  57.  
  58. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}
  59.  
  60. ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}
  61.  
  62. body {
  63. background:{color:background};
  64. margin:0px;
  65. color:{color:text};
  66. font-size:10px;
  67. line-height:100%;
  68. font-family:cambria;
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. outline:none;
  74. -moz-outline-style:none;
  75. color:{color:link};
  76. -webkit-transition: all 0.9s ease-in;
  77. -moz-transition: all 0.9s ease-in;
  78. -o-transition: all 0.9s ease-in;
  79. -webkit-transition: all 0.5s ease-out;
  80. -moz-transition: all 0.5s ease-out;
  81. -o-transition: all 0.5s ease-out;
  82. }
  83.  
  84. a:hover {
  85. color:{color:linkhovercolor};
  86. -webkit-transition: all 0.9s ease-in;
  87. -moz-transition: all 0.9s ease-in;
  88. -o-transition: all 0.9s ease-in;
  89. -webkit-transition: all 0.5s ease-out;
  90. -moz-transition: all 0.5s ease-out;
  91. -o-transition: all 0.5s ease-out;
  92. }
  93.  
  94. img {
  95. border:none;
  96. }
  97.  
  98. blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:5px;
  105. border-left:2px solid;
  106. }
  107.  
  108. h1 {
  109. font-size:12px;
  110. font-family:cambria;
  111. text-transform:uppercase;
  112. padding-bottom:2px;
  113. }
  114.  
  115. #entries {
  116. width:500px;
  117. margin-left:540px;
  118. margin-top:110px;
  119. margin-bottom:30px;
  120. }
  121.  
  122. #post {
  123. font-family:cambria;
  124. width:500px;
  125. padding-right:20px;
  126. padding-left:15px;
  127. padding-top:15px;
  128. margin-top:18px;
  129. }
  130.  
  131. #sidebar {
  132. position:fixed;
  133. width:280px;
  134. position:fixed;
  135. margin-left:200px;
  136. margin-top:30px;
  137. }
  138.  
  139. #sidebarimage img {
  140. position:fixed;
  141. width:125px;
  142. height:225px;
  143. padding:3px;
  144. opacity:.7;
  145. border:1px solid {color:sbarborder};
  146. }
  147.  
  148.  
  149. #sidebar2 {
  150. position:fixed;
  151. margin-left:140px;
  152. margin-top:40px;
  153. width:125px;
  154. height:221px;
  155. padding:3px;
  156. background-color: {color:sbarbg};
  157. border:3px solid {color:sbarborder};
  158. }
  159.  
  160. #title {
  161. position:fixed;
  162. margin-top:220px;
  163. margin-left:13px;
  164. font-family:cambria;
  165. font-size:12px;
  166. text-transform:uppercase;
  167. width:130px;
  168. padding-left:3px;
  169. letter-spacing:1px;
  170. font-weight:bold;
  171. padding-bottom:3px;
  172. border-bottom:1px solid {color:sbarlines};
  173. }
  174.  
  175. #sw {
  176. z-index:5;
  177. position:fixed;
  178. margin-top:-160px;
  179. margin-left:130px;
  180. }
  181.  
  182. #description {
  183. width:115px;
  184. font-family:cambria;
  185. font-size:8px;
  186. position:fixed;
  187. padding:5px;
  188. margin-top:240px;
  189. line-height:150%;
  190. margin-left:15px;
  191. text-align:justify;
  192. opacity:1;
  193. font-weight:bolder;
  194. color:{color:destext};
  195. }
  196.  
  197.  
  198. #links {
  199. font-family:consolas;
  200. z-index:5;
  201. position:fixed;
  202. margin-left:13px;
  203. margin-top:400px;
  204. width:126px;
  205. line-height:140%;
  206. font-size:9px;
  207. text-align:left;
  208. padding-left:5px;
  209. padding-bottom:3px;
  210. padding-top:3px;
  211. text-transform:uppercase;
  212. letter-spacing:0px;
  213. opacity:1;
  214. border-top:1px solid {color:sbarlines};
  215. border-bottom:1px solid {color:sbarlines};
  216. font-weight:bolder;
  217. color:{color:navlink};
  218. -webkit-transition: all 0.9s ease-in;
  219. -moz-transition: all 0.9s ease-in;
  220. -o-transition: all 0.9s ease-in;
  221. -webkit-transition: all 0.5s ease-out;
  222. -moz-transition: all 0.5s ease-out;
  223. -o-transition: all 0.5s ease-out;
  224. }
  225.  
  226. #links a:hover {
  227. padding-top:0px;
  228. border-top:4px solid {color:sbarlines};
  229. border-bottom:4px solid {color:sbarlines};
  230. -webkit-transition: all 0.9s ease-in;
  231. -moz-transition: all 0.9s ease-in;
  232. -o-transition: all 0.9s ease-in;
  233. -webkit-transition: all 0.5s ease-out;
  234. -moz-transition: all 0.5s ease-out;
  235. -o-transition: all 0.5s ease-out;
  236. }
  237.  
  238. #pagination {
  239. z-index:5;
  240. position:fixed;
  241. font-family:cambria;
  242. font-size:7.5px;
  243. text-align:center;
  244. margin-top:404px;
  245. margin-left:127px;
  246. text-transform:uppercase;
  247. font-weight:bolder;
  248. letter-spacing:1px;
  249. }
  250.  
  251. #pagination a {
  252. color:{color:navlink};
  253. }
  254.  
  255. #pagination a:hover {
  256. color:{color:navlinkhovercolor};
  257. }
  258.  
  259. #tags {
  260. font-family:consolas;
  261. font-size:8px;
  262. text-transform:uppercase;
  263. opacity:0;
  264. padding:2px;
  265. margin-top:-10px;
  266. -webkit-transition: all 0.9s ease-in;
  267. -moz-transition: all 0.9s ease-in;
  268. -o-transition: all 0.9s ease-in;
  269. -webkit-transition: all 0.5s ease-out;
  270. -moz-transition: all 0.5s ease-out;
  271. -o-transition: all 0.5s ease-out;
  272. }
  273.  
  274. #tags a {
  275. color:{color:link};
  276. }
  277.  
  278. #tags a:hover {
  279. color:{color:linkhovercolor};
  280. }
  281.  
  282. #post:hover #tags {
  283. opacity:1;
  284. margin-top:-3px;
  285. padding-bottom:3px;
  286. -webkit-transition: all 0.9s ease-in;
  287. -moz-transition: all 0.9s ease-in;
  288. -o-transition: all 0.9s ease-in;
  289. -webkit-transition: all 0.5s ease-out;
  290. -moz-transition: all 0.5s ease-out;
  291. -o-transition: all 0.5s ease-out;
  292. }
  293.  
  294. #info {
  295. font-family:consolas;
  296. text-align:right;
  297. text-transform:uppercase;
  298. font-size:7.5px;
  299. margin-top:2px;
  300. padding-top:2px;
  301. opacity:1;
  302. border-top:1px solid #ececec;
  303. -webkit-transition: all 0.9s ease-in;
  304. -moz-transition: all 0.9s ease-in;
  305. -o-transition: all 0.9s ease-in;
  306. -webkit-transition: all 0.5s ease-out;
  307. -moz-transition: all 0.5s ease-out;
  308. -o-transition: all 0.5s ease-out;
  309. }
  310.  
  311. #info a {
  312. color:{color:link};
  313. }
  314.  
  315. #info a:hover {
  316. color:{color:linkhovercolor};
  317. }
  318.  
  319. #question{
  320. font-family: consolas;
  321. font-size:10px;
  322. padding:8px 3px 8px 5px;
  323. width:500px;
  324. text-align:left;
  325. font-style:italic;
  326. background-color:#ffffff;
  327. background-color:#fcfcfc;
  328. border-bottom:1px dotted #e4e3e2;
  329. color:{color:text};
  330. }
  331.  
  332. #question a:hover{
  333. color:{color:linkhovercolor};
  334. }
  335.  
  336. #heyo {
  337. font-family:cambria;
  338. position:fixed;
  339. text-align:center;
  340. bottom:10px;
  341. right:7px;
  342. font-size:6.5px;
  343. text-transform:uppercase;
  344. display:block;
  345. background-color:#fff;
  346. letter-spacing:1px;
  347. }
  348.  
  349. #heyo a{
  350. color:#b3b2b1;
  351. border: 1px solid #e4e3e2;
  352. padding: 3px 5px 3px 5px;
  353. border-radius:500px;
  354. background-color:#fff;
  355. -moz-transition-duration:0.5s;
  356. -webkit-transition-duration:0.5s;
  357. -o-transition-duration:0.5s;
  358. }
  359.  
  360. #heyo a:hover{
  361. color:#fff;
  362. background-color:#969194;
  363. border: 1px solid #7a7979;
  364. -moz-transition-duration:0.5s;
  365. -webkit-transition-duration:0.5s;
  366. -o-transition-duration:0.5s;
  367. }
  368.  
  369. i, em{color:{color:italic}; font-style:italic;}
  370. b, strong{color:{color:bold}; font-style:bold; font-weight:900;}
  371.  
  372. #albumart {
  373. position:absolute;
  374. width:125px;
  375. height:125px;}
  376. #albumart img {
  377. width:125px;
  378. height:125px;
  379. float:left;
  380. padding:5px;}
  381. #audioinfo {
  382. font-size:7px;
  383. color:text;}
  384.  
  385.  
  386. {CustomCSS}</style></head><body>
  387.  
  388. <div id="sidebar">
  389.  
  390. <div id="sidebar2"></div>
  391.  
  392. <div id="sw">
  393.  
  394. <div id="links">
  395. <a href="{text:Link1}">{text:Link1 Title}</a>
  396. <a href="{text:Link2}">{text:Link2 Title}</a>
  397. <a href="{text:Link3}">{text:Link3 Title}</a>
  398. <a href="{text:Link4}">{text:Link4 Title}</a>
  399. </div>
  400.  
  401. <div id="title">{Title}</div>
  402.  
  403. <div id="description">{Description}</div>
  404.  
  405. <div id="pagination">
  406. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  407. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  408. </div>
  409.  
  410. </div>
  411. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  412.  
  413. </div>
  414.  
  415.  
  416. <div id="entries">{block:Posts}<div id="post">
  417.  
  418. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  419.  
  420. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  421.  
  422. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  423.  
  424. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  425.  
  426. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  427.  
  428. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  429.  
  430. {block:Audio}
  431. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" />{/block:AlbumArt}<p>
  432. {AudioPlayerWhite}
  433. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}
  434. <br>
  435. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  436. <br>
  437. {block:Album}<b>Album:</b> {Album}{/block:Album}
  438. <br>
  439. <b>Plays:</b> {PlayCount}
  440. {/block:Audio}
  441.  
  442. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  443.  
  444. {block:Answer}
  445. <a href="{AskerURL}"><img align="left" src="{AskerPortraitUR-24}"></a> <div id="question" style="width:500px;">{Asker}: {Question}</div> <BR>
  446. {Answer}
  447. {/block:Answer}
  448.  
  449. <div id="info">
  450. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  451. {NoteCountWithLabel}</a>{block:RebloggedFrom} via <a href="{ReblogParentURL}"
  452. title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  453. + <a href="{ReblogURL}" target="_blank">reblog</a>
  454.  
  455. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div></div>
  456.  
  457. {/block:Posts}
  458. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  459. {/block:Posts} </div></div>
  460.  
  461. <div id="heyo"><a href="http://nialljhoren.tumblr.com">N</a></div>
  462.  
  463. </div>
  464.  
  465. </div>
  466.  
  467. </body></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!