Advertisement
extendedhate

"control" theme

Apr 21st, 2013
745
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.77 KB | None | 0 0
  1. <!--
  2. "control" theme by coolified
  3. keep the credit and enjoy thanks
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10.  
  11. <script type="text/javascript">
  12. <!--
  13.  
  14. // Disable Right Click Script
  15.  
  16. function IE(e)
  17. {
  18. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  19. {
  20. return false;
  21. }
  22. }
  23. function NS(e)
  24. {
  25. if (document.layers || (document.getElementById && !document.all))
  26. {
  27. if (e.which == "2" || e.which == "3")
  28. {
  29. return false;
  30. }
  31. }
  32. }
  33. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  34.  
  35. //-->
  36. </script>
  37.  
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42. <!--DEFAULT VARIABLES-->
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  44. <meta name="color:Background" content="#fff"/>
  45. <meta name="color:Hover" content="#fff"/>
  46. <meta name="color:Entry Text" content="#aaa"/>
  47. <meta name="color:Entry Links" content="#aaa"/>
  48. <meta name="color:Description Links" content="#aaa"/>
  49. <meta name="color:Navigation" content="#aaa"/>
  50. <meta name="color:Navigation Text" content="#fff"/>
  51. <meta name="color:Title" content="#aaa"/>
  52. <meta name="color:Blogtitle" content="#aaa"/>
  53. <meta name="image:Background" content="0"/>
  54. <meta name="image:Sidebar" content="0"/>
  55. <meta name="text:Link One" content="">
  56. <meta name="text:Link One Title" content="">
  57. <meta name="text:Link Two" content="">
  58. <meta name="text:Link Two Title" content="">
  59. <meta name="text:Link Three" content="">
  60. <meta name="text:Link Three Title" content="">
  61. <meta name="text:Link Four" content="">
  62. <meta name="text:Link Four Title" content="">
  63. <meta name="text:Link Five" content="">
  64. <meta name="text:Link Five Title" content="">
  65. <meta name="text:Link Six" content="">
  66. <meta name="text:Link Six Title" content="">
  67. <meta name="text:Blogtitle" content="Control">
  68. <meta name="color:Scrollbar" content="#000000"/>
  69. <meta name="color:Scrollbar Background" content="#fff"/>
  70. <meta name="if:White Follow Buttons" content="1" />
  71.  
  72. <style type="text/css">
  73. ::-webkit-scrollbar-thumb{
  74. background-color: {color:scrollbar};
  75. border: 2px solid {color:scrollbar background};
  76. height:auto;
  77. -moz-border-radius: 10px;
  78. border-radius: 10px;
  79. }
  80.  
  81.  
  82.  
  83. ::-webkit-scrollbar {
  84. height:auto;
  85. width:9px;
  86. background-color: #999999;
  87. border: 4px solid {color:scrollbar background};
  88. }
  89.  
  90.  
  91. {block:ifWhiteFollowButtons}iframe#tumblr_controls {-webkit-filter: invert(100%); right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.4;-webkit-transition: all 0.8s ease-out;-moz-
  92.  
  93. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  94.  
  95. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}{/block:ifWhiteFollowButtons}
  96.  
  97. {block:ifNOTWhiteFollowButtons}iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-
  98.  
  99. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  100.  
  101. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}{/block:ifNOTWhiteFollowButtons}
  102. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  103.  
  104.  
  105. p {
  106. margin:0px;
  107. margin-top:0px;
  108. }
  109.  
  110.  
  111. body {
  112. padding: 0px;
  113. margin: 0px;
  114. color:{color:Entry Text};
  115. font-family: calibri;
  116. text-align: left;
  117. line-height:11px;
  118. font-size:10px;
  119. background-color: {color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-repeat: repeat;
  123. background-size:100%;
  124. }
  125.  
  126.  
  127. a:link, a:active, a:visited{
  128. text-decoration: none;
  129. -webkit-transition: color 0.3s ease-out;
  130. -moz-transition: color 0.3s ease-out;
  131. transition: color 0.3s ease-out;
  132. color:{color:Entry Links};
  133. }
  134.  
  135. a:hover {
  136. text-decoration: none;
  137. font-style:;
  138. color: {color:Hover};
  139. }
  140.  
  141. @font-face { font-family: "sem"; src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf'); }
  142.  
  143. .entry{
  144. text-align:left;
  145. float:left;
  146. font-family: calibri;
  147. font-size: 10px;
  148. width: 250px;
  149. height: auto;
  150. border: 1px solid #f8f8f8;
  151. {block:PermalinkPage}
  152. width: 500px;
  153. height: auto;
  154. {/block:PermalinkPage}
  155. line-height:12px;
  156. background-color:#fff;
  157. margin:16px;
  158. overflow:hidden;
  159. padding: 28px;
  160. color: {color:Entry Text};
  161. border-radius: 0px;
  162. -webkit-transition: color 0.9s ease-out;
  163. -moz-transition: color 0.9s ease-out;
  164. }
  165. .entry img{
  166. opacity: 0.7;
  167. transition: all 0.5s ease-out;
  168. -o-transition-transition: all 0.5s ease-out;
  169. -webkit-transition: all 0.5s ease-out;
  170. -moz-transition: all 0.5s ease-out;}
  171.  
  172. .entry img:hover{
  173. opacity:0.9;
  174. transition: all 0.5s ease-out;
  175. -o-transition-transition: all 0.5s ease-out;
  176. -webkit-transition: all 0.5s ease-out;
  177. -moz-transition: all 0.5s ease-out;}
  178.  
  179.  
  180. .entry .perma1{
  181. width:230px;
  182. height: auto;
  183. position:absolute;
  184. font-size: 10px;
  185. line-height: 15px;
  186. text-align: center;
  187. opacity: 0.0;
  188. display:block;
  189. padding-top:3px;
  190. padding-bottom:3px;
  191. z-index: 1;
  192. padding-left:3px;
  193. padding-right:3px;
  194. text-transform:uppercase;
  195. font-family:consolas;
  196. font-style: normal;
  197. letter-spacing:1px;
  198. border-top:0px solid #ddd;
  199. background-color:#fff;
  200. top:35px;
  201. margin-left:7px;
  202. transition: all 0.9s ease-out;
  203. -o-transition-transition: all 0.9s ease-out;
  204. -webkit-transition: all 0.9s ease-out;
  205. -moz-transition: all 0.9s ease-out;
  206. }
  207.  
  208. .entry:hover .perma1{
  209. opacity:0.9;
  210. transition: all 0.9s ease-out;
  211. -o-transition-transition: all 0.9s ease-out;
  212. -webkit-transition: all 0.9s ease-out;
  213. -moz-transition: all 0.9s ease-out;
  214. }
  215.  
  216.  
  217.  
  218. .permalinktext a{
  219. color: {entry links};}
  220. .permalinktext {
  221. display: block;
  222. padding: 4px;
  223. margin: 9px 0px 0px 0px;
  224. text-transform:uppercase;
  225. font-family:pixel;
  226. font-size: 8px;
  227. color: {color:entry text};
  228. line-height: 11px;
  229. letter-spacing:1px;
  230. text-align: center;
  231. font-style: none;
  232. text-decoration: none;
  233. border: 1px solid #eee;
  234. background-color:#f8f8f8;
  235. webkit-transition: all 0.2s linear;
  236. -webkit-transition: all 0.2s linear;
  237. -moz-transition: all 0.2s linear;
  238. transition: all 0.2s linear;
  239. }
  240.  
  241.  
  242. #postnotes{
  243. text-align: left;}
  244.  
  245. #postnotes blockquote{
  246. border: 0px;}
  247.  
  248.  
  249. blockquote{
  250. padding:0px 0px 2px 3px;
  251. margin:0px 0px 2px 1px;
  252. }
  253. ul, ol, li{
  254. list-style:none;
  255. margin:0px;
  256. padding:0px;
  257. }
  258.  
  259. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  260. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  261. }
  262.  
  263. a.links {
  264. font-family: ronda;
  265. font-size: 8px;
  266. line-height: 8px;
  267. text-transform: normal;
  268. letter-spacing:0px;
  269. display:block;
  270. padding: 0px;
  271. margin-bottom: 0px;
  272. }
  273.  
  274. a.links:hover {
  275. font-style: none;
  276. text-decoration: none;
  277. letter-spacing:10px;
  278. }
  279. @font-face { font-family: "cedar"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  280.  
  281. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  282. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  283.  
  284. @font-face {
  285. font-family: "prop";
  286. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  287. }
  288. @font-face { font-family: "caviar"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  289.  
  290. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  291. .caption { margin-left:5px; line-height:0px; }
  292. .blockquote, blockquote { text-align:left; letter-spacing:0px; padding-left:5px; border-left:3px solid #cccccc; }
  293. blockquote small, blockquote { font-size:10px; }
  294.  
  295. #cunt{width:250px; height:auto;}
  296. {block:PermalinkPage}
  297. width:410px;
  298. {/block:PermalinkPage}
  299. }
  300.  
  301. #center{
  302. padding-top:3px;
  303. padding-bottom:3px;
  304. position:fixed !important;
  305. width:250px;
  306. height:207px;
  307. background-color:#fff;
  308. {block:PermalinkPage}
  309. width:410px;
  310. height:207px;
  311. {/block:PermalinkPage}
  312. }
  313.  
  314. #posts{
  315. opacity: 1;
  316. float:center;
  317. width:370px;
  318. margin-left: 550px;
  319. {block:permalinkpage}margin-left: 500px;{/block:permalinkpage}
  320. padding-left: 30px;
  321. background: white;
  322. border-left: 1px solid #f4f4f4;
  323. border-right: 1px solid #f4f4f4;
  324. margin-top:0px;
  325. transition: all 0.5s ease-out;
  326. -o-transition-transition: all 0.5s ease-out;
  327. -webkit-transition: all 0.5s ease-out;
  328. -moz-transition: all 0.5s ease-out;
  329. }
  330. #sidebar{
  331. position:fixed;
  332. text-align: center;
  333. opacity:1;
  334. margin-top:100px;
  335. margin-left:200px;
  336. width: 250px;
  337. padding: 20px;
  338. }
  339. @font-face { font-family: "sem"; src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf'); }@font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  340. #hoover a{ color: white;}
  341. #hoover{ opacity:1;
  342. position:fixed;
  343. width:265px;
  344. height:270px;
  345. margin-left:-12px;
  346. margin-top:-16px;
  347. font-family:consolas;
  348. text-transform: uppercase;
  349. letter-spacing:4px;
  350. font-size:10px;
  351. color: white;
  352. padding:4px;
  353. line-height:11px;
  354. text-align:center;
  355. background:{color:bar behind sidebar};
  356. border: 0px solid #f8f8f8;-webkit-transform: rotate(-4deg);
  357. -moz-transform: rotate(-4deg);
  358. transition: all 0.5s ease-out;
  359. -o-transition-transition: all 0.5s ease-out;
  360. -webkit-transition: all 0.5s ease-out;
  361. -moz-transition: all 0.5s ease-out;}
  362.  
  363. #feather{ opacity:0.6;
  364. position:fixed;
  365. width:265px;
  366. height:270px;
  367. margin-left:-72px;
  368. margin-top:56px;
  369. font-family:consolas;
  370. text-transform: uppercase;
  371. letter-spacing:4px;
  372. font-size:10px;
  373. color: white;
  374. padding:4px;
  375. line-height:11px;
  376. text-align:center;
  377. border: 0px solid #f8f8f8;-webkit-transform: rotate(-10deg);
  378. -moz-transform: rotate(-10deg);
  379. transition: all 0.5s ease-out;
  380. -o-transition-transition: all 0.5s ease-out;
  381. -webkit-transition: all 0.5s ease-out;
  382. -moz-transition: all 0.5s ease-out;}
  383.  
  384. #desc a{
  385. color: {color:description links};}
  386.  
  387. #desc{
  388. opacity:0;
  389. position:fixed;
  390. width:180px;
  391. height:180px;
  392. margin-left:47px;
  393. margin-top:46px;
  394. font-style: italic;
  395. font-family:helvetica;
  396. text-transform:none;
  397. letter-spacing:0px;
  398. font-size:10px;
  399. color:#aaa;
  400. z-index: 1;
  401. padding:4px;
  402. background: #ffffff;
  403. line-height:15px;
  404. text-align:center;
  405. transition: all 0.5s ease-out;
  406. -o-transition-transition: all 0.5s ease-out;
  407. -webkit-transition: all 0.5s ease-out;
  408. -moz-transition: all 0.5s ease-out;
  409. }
  410.  
  411. #sidebar:hover #desc{
  412. opacity: 0.9;
  413. transition: all 0.5s ease-out;
  414. -o-transition-transition: all 0.5s ease-out;
  415. -webkit-transition: all 0.5s ease-out;
  416. -moz-transition: all 0.5s ease-out;
  417. }
  418.  
  419. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/wt5v40t/q2Fme0ncp/wendy.ttf'); }
  420. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }@font-face { font-family: "handy00"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }
  421.  
  422. #links {
  423. text-align:center;
  424. margin-left:-150px;
  425. margin-top:-180px;
  426. width:290px;
  427. position:fixed;
  428. z-index: -1;
  429. font-size: 8px;
  430. font-family:calibri;
  431. padding:2px 0px 0px 0px;
  432. text-transform:uppercase;
  433. letter-spacing:1px;
  434. }
  435. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  436.  
  437. #links a {
  438. display:inline-block;
  439. padding:4px 4px 4px 4px;
  440. background:{color:navigation};
  441. color:{color:navigation text};
  442. margin-top: 3px;
  443. padding-right: 100px;
  444. text-align: left;
  445. border: 1px solid #f4f4f4;
  446. transition: all 0.9s ease;
  447. -o-transition-transition: all 0.9s ease;
  448. -webkit-transition: all 0.9s ease;
  449. -moz-transition: all 0.9s ease;
  450. }
  451. #links a:hover{
  452. background: white;
  453. color: #aaa;
  454. padding-right: 130px;
  455. transition: all 0.9s ease;
  456. -o-transition-transition: all 0.9s ease;
  457. -webkit-transition: all 0.9s ease;
  458. -moz-transition: all 0.9s ease;}
  459.  
  460. @font-face{ font-family:jane; src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  461.  
  462. .title{
  463. font-family: sunshine;
  464. font-size: 25px;
  465. line-height: 36px;
  466. color:{color:Title};
  467. letter-spacing: 0px;
  468. font-weight: normal;
  469. text-shadow: 2px 2px 2px #ddd;
  470. padding:0px 0px 0px 0px;
  471. }
  472.  
  473. @font-face {
  474. font-family: "prop";
  475. src: url('http://static.tumblr.com/2k9mf5a/bPomezign/prophecy_script.ttf');
  476. }
  477.  
  478. .blogtitle{
  479. font-family: prop;
  480. font-size: 28px;
  481. line-height: 20px;
  482. color:{color:Title};
  483. z-index: 1;
  484. text-transform: none;
  485. font-weight: normal;
  486. }
  487. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  488. @font-face { font-family: "cute"; src: url('http://static.tumblr.com/8hrjcus/16Lmhnmvv/dk_carte_blanche.otf'); }
  489. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  490. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  491. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  492. @font-face { font-family: "sb"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  493. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  494. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  495. @font-face { font-family: "icons"; src: url('http://static.tumblr.com/8hrjcus/Q3fmg7rhn/breezi_font-webfont.ttf'); }
  496.  
  497.  
  498. #jennifer{
  499. position: fixed;
  500. bottom: 10px;
  501. right: 0px;
  502. width: 20px;
  503. height: 12px;
  504. text-align:center;
  505. line-height: 5px;
  506. padding: 3px;
  507. background: white;
  508. border-bottom: 1px solid #f8f8f8;
  509. border-left: 1px solid #f8f8f8;
  510. border-top: 1px solid #f8f8f8;
  511. -o-transition-transition: all 0.9s ease-out;
  512. -webkit-transition: all 0.9s ease-out;
  513. -moz-transition: all 0.9s ease-out;}
  514.  
  515.  
  516. .permalink{
  517. text-transform: normal;
  518. display: block;
  519. background: {color:Permatext Background};
  520. padding: 3px;
  521. margin-top: 4px;
  522. text-align: right;
  523. text-decoration: none;
  524. }
  525. askk{
  526. font-family:sunshine;
  527. font-size: 18px;
  528. line-height:20px;
  529. z-index: 1;
  530. letter-spacing: 1px;
  531. color: {color:entry links};
  532. text-shadow: 2px 2px 2px #ddd;
  533. font-weight: normal;}
  534.  
  535.  
  536. #infscr-loading{
  537. bottom: -70px;
  538. position: absolute;
  539. left: 50%;
  540. margin-left:-8px;
  541. width:16px;
  542. height:11px;
  543. overflow:hidden;
  544. margin-bottom: 50px;
  545. }
  546.  
  547. #postnotes{
  548. text-align: justify;}
  549.  
  550. #postnotes blockquote{
  551. border: 0px;}
  552.  
  553. blockquote{
  554. padding:0px 0px 0px 5px;
  555. margin:0px 0px 0px 10px;
  556. border-left: 1px dotted #ddd;
  557. }
  558.  
  559. blockquote p, ul{
  560. margin:0px;
  561. padding:0px;
  562. }
  563.  
  564. a img{border: 0px;}
  565.  
  566.  
  567. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  568.  
  569. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  570. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  571.  
  572. .notes img{width:10px; position:relative; top:3px;}
  573. <--ses-->
  574. small{font-size: 90%;}
  575.  
  576. {CustomCSS}
  577.  
  578. #audio {width:500px; height:auto; min-height:60px; padding-bottom:13px;}
  579. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  580. .cover img {float:left; width:60px; height:60px;}
  581. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  582. .info {margin-left:73px; width: 200px;margin-top:4px; line-height:14px;}
  583. </style>
  584.  
  585. {block:IndexPage}
  586. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  587. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  588.  
  589. <script type="text/javascript">
  590. $(window).load(function(){
  591. var $wall = $('#posts');
  592. $wall.imagesLoaded(function(){
  593. $wall.masonry({
  594. itemSelector: '.entry, .entry_photo',
  595. isAnimated : false
  596. });
  597. });
  598.  
  599. $wall.infinitescroll({
  600. navSelector : '#pagination',
  601. nextSelector : '#pagination a',
  602. itemSelector : '.entry, .entry_photo',
  603. bufferPx : 2000,
  604. debug : false,
  605. errorCallback: function() {
  606. $('#infscr-loading').fadeOut('normal');
  607. }},
  608. function( newElements ) {
  609. var $newElems = $( newElements );
  610. $newElems.hide();
  611. $newElems.imagesLoaded(function(){
  612. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  613. });
  614. }); $('#posts').show(500);
  615. });
  616. </script>
  617.  
  618.  
  619. {/block:IndexPage}
  620.  
  621.  
  622. <title>{title}</title>
  623.  
  624. <link rel="shortcut icon" href="{favicon}" />
  625. <meta name="viewport" content="width=820" />
  626. </head>
  627.  
  628. <body>
  629. <BODY onselectstart="return false;" ondragstart="return false;">
  630.  
  631. <div id="center">
  632. <div id="content">
  633. <div id="jennifer"><a href="http://coolified.tumblr.com/"><img src="http://media.tumblr.com/tumblr_lfhu337F4Z1qzvcyt.gif"></a> </div>
  634. <div id="sidebar">
  635. <div id="desc"><br>{description}</div>
  636. <fieldset style="color:{color:blogtitle}; background: white; border: 1px solid #f4f4f4; font-family: sunshine; text-transform:none; font-size: 20px; text-align: left;"><legend>{text:blogtitle}</legend><a href="/"><img src="{image:sidebar}" style="height:200px; width:200px; opacity:1; padding: 22px; border: 1px solid #f8f8f8; background: white;
  637. -webkit-filter:grayscale(0%);"></a></fieldset>
  638. <div id="links">
  639. <a href="{text:Link One}">{text:Link One Title}</a><br>
  640.  
  641. <a href="{text:Link Two}">{text:Link Two Title}</a><Br>
  642.  
  643. <a href="{text:Link Three}">{text:Link Three Title}</a><br>
  644.  
  645. <a href="{text:Link Four}">{text:Link Four Title}</a><br>
  646.  
  647. <a href="{text:Link Five}">{text:Link Five Title}</a><br>
  648.  
  649. <a href="{text:Link Six}">{text:Link Six Title}</div>
  650. </div>
  651. </div>
  652.  
  653. <div class="left">
  654. <div id="posts">
  655. {block:Posts}
  656. <div class="entry">
  657.  
  658. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  659. {/block:Text}
  660.  
  661. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>{block:Link}
  662.  
  663. {block:Photo}
  664. {block:IndexPage}
  665. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  666. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  667. </div>
  668. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  669. {/block:IndexPage}
  670. {block:PermalinkPage}
  671. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  672. {block:caption}{caption}{/block:caption}
  673. {LinkCloseTag}
  674. {/block:PermalinkPage}
  675. {/block:Photo}
  676.  
  677. {block:Answer}
  678. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3px; border-radius: 0px; border: 4px double #ddd; padding: 3px; background: white;"/>
  679. <div style="margin-top:0px; margin-bottom:0px; height:44px; padding: 5px; background-color:#f8f8f8; overflow: auto;">
  680.  
  681. <askk>{Asker}</askk>: {Question}</div>
  682. <div style="margin-top:2px; margin-bottom:4px; background: transparent;">{Answer}</div>
  683. {/block:Answer}
  684.  
  685. {block:Photoset}
  686. {block:IndexPage}
  687. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  688. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  689. </div>
  690. {Photoset-250}</center>
  691. {/block:IndexPage}
  692. {block:PermalinkPage}
  693. <center>
  694. {Photoset-500}</center>
  695. {/block:PermalinkPage}
  696. {/block:Photoset}
  697.  
  698. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Quote}
  699.  
  700. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  701. <ul class="chat">
  702. {block:Lines}
  703. <li class="user_{UserNumber}">
  704. {block:Label}
  705. <span class="label">{Label}</span>
  706. {/block:Label}
  707.  
  708. {Line}
  709. </li>
  710. {/block:Lines}
  711. <div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  712. {/block:Chat}
  713.  
  714. {block:Video}
  715. {block:IndexPage}
  716. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  717. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  718. </div>
  719. {Video-250}</center>
  720. {/block:IndexPage}
  721. {block:PermalinkPage}
  722. <center>
  723. {Video-500}</center>
  724. {/block:PermalinkPage}
  725. {block:Video}
  726.  
  727. {block:Audio}
  728. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  729. {block:IndexPage}
  730. <div class="permalinktext"> <a href="{permalink}">posted <a href="{permalink}">{timeago} </a> with <a href="{permalink}">{NoteCountwithlabel}</a></div>
  731. {/block:IndexPage}
  732. {/block:Audio}
  733.  
  734. {block:PostNotes}
  735. <center>
  736.  
  737. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  738.  
  739. {block:HasTags}
  740. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  741. {block:RebloggedFrom}
  742. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  743. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  744.  
  745. {/block:RebloggedFrom}
  746. </center></span>
  747. <br>
  748. <div id="postnotes">{PostNotes}</div><br>
  749.  
  750. <center>{block:ContentSource}
  751. <br><a href="{SourceURL}">
  752. {lang:Source}:
  753. {block:SourceLogo}
  754. <img src="{BlackLogoURL}" width="{LogoWidth}"
  755. height="{LogoHeight}" alt="{SourceTitle}" />
  756. {/block:SourceLogo}
  757. {block:NoSourceLogo}
  758. {SourceLink}
  759. {/block:NoSourceLogo}
  760. </a>
  761. {/block:ContentSource}</center>
  762.  
  763. {/block:PostNotes}
  764. </div>
  765. {/block:Posts}
  766. </div></div>
  767.  
  768. {block:IndexPage}
  769. {block:Pagination}
  770. <div id="pagination">
  771. {block:NextPage}
  772. <a id="nextPage" href="{NextPage}"></a>
  773. {/block:NextPage}
  774. {block:PreviousPage}
  775. <a href="{PreviousPage}"></a>
  776. {/block:PreviousPage}
  777. </div>
  778. {/block:Pagination}
  779. {/block:IndexPage}
  780. </body>
  781.  
  782. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement