Advertisement
purethought-s

Theme #2: Coxeist

Feb 6th, 2013
2,569
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.58 KB | None | 0 0
  1. <!--
  2. Coexist Theme by sleephy
  3. please leave credit
  4.  
  5. -->
  6.  
  7. <html lang="en">
  8.  
  9. <head>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Title" content="#292929"/>
  17. <meta name="color:Text" content="#363636"/>
  18. <meta name="color:Link" content="#C29B9B"/>
  19. <meta name="color:scrollbar" content="#727272"/>
  20. <meta name="color:text shadow" content="#aaaaaa"/>
  21. <meta name="color:Hover" content="#ddd"/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="if:show ask link" content="1"/>
  25. <meta name="if:show archive link" content="1"/>
  26. <meta name="if:show submit link" content="1"/>
  27.  
  28. </script>
  29.  
  30. <style type="text/css">
  31.  
  32.  
  33.  
  34. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  35. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  36. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  37. @font-face { font-family: "neou"; src: url('http://static.tumblr.com/jdjsstr/JGKm7h9ln/neou-thin_1_.otf'); }
  38. @font-face { font-family: "handy00"; src: url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf'); }
  39.  
  40. iframe#tumblr_controls {right:3px !important; position: fixed !important;bottom:5px !important;-webkit-transition: opacity 0.5s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);z-index:1;}
  41.  
  42. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;} #scrollToTop:link,#scrollToTop:visited {z-index:9999; color: transparent; background-color: transparent; display: none; position: fixed; bottom: 20px; right: 10px;} #credit{
  43. display:block;background-color:transparent;border:0px double #ddd;margin-top:14px;right:0px;position:fixed;font-family: consolas;
  44. font-size: 10px;padding:6px;text-transform:uppercase;opacity:1;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);z-index:1;
  45. } #credit:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52. lol{
  53. font-size:12px;
  54. text-decoration:underline;
  55. }
  56.  
  57. love{
  58.  
  59. letter-spacing:1px;
  60.  
  61. font-weight:italic;
  62. }
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. anika {
  71. font-family: arial;
  72. color: gray;
  73. font-size:9.5px;
  74. line-height:10px;
  75. text-align:center;
  76. z-index:1;
  77. }
  78. ellie {
  79. font-family: arial;
  80. color: gray;
  81. font-size:9.5px;
  82. line-height:10px;
  83. text-align:left;
  84. z-index:1;
  85. }
  86.  
  87. .poop{
  88.  
  89. color:{color:link};
  90. text-shadow: 2px 2px 0px #f0f0f0;
  91. font-family: neou;
  92. font-size: 20px;
  93. letter-spacing:1px;
  94. border-bottom:2px solid #ddd;
  95. z-index:9999;
  96. background-color: transparent;
  97. text-transform: uppercase;
  98. text-align: center;
  99. -webkit-transform: rotate(0deg);
  100. -moz-transform: rotate(0deg);
  101. -o-transition-transition: all 0.9s ease-out;
  102. -webkit-transition: all 0.9s ease-out;
  103. -moz-transition: all 0.9s ease-out;
  104. }
  105. @font-face{
  106. font-family: "sketch";
  107. src: url('http://static.tumblr.com/xrmodho/HRLmh2e8i/uimockup.ttf');
  108. }
  109.  
  110. @font-face{ font-family:"demi"; src: url('http://static.tumblr.com/xrmodho/WMOmg1oks/simply_glamorous.ttf'); }
  111.  
  112. @font-face{ font-family:"love"; src: url('http://static.tumblr.com/xrmodho/mfemgfyyq/lilian.ttf'); }
  113.  
  114.  
  115. @font-face{ font-family:"aubrey"; src: url('http://static.tumblr.com/xrmodho/1QNmggf73/aubrey1__.ttf'); }
  116.  
  117.  
  118. @font-face{ font-family:"dots"; src: url('http://static.tumblr.com/xrmodho/77Zmgymfz/dotness.ttf'); }
  119.  
  120.  
  121.  
  122. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  123. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  124.  
  125.  
  126. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  127.  
  128. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  129.  
  130. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  131.  
  132. @import url(http://fonts.googleapis.com/css?family=Homemade+Apple);
  133.  
  134. @font-face {
  135. font-family: "dawning";
  136. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  137. }
  138.  
  139. ::selection {
  140. background: #ebbbaa;
  141. color: #ffffff;
  142. }
  143.  
  144.  
  145. ::-moz-selection {
  146. background: #ebbbaa;
  147. color: #ffffff;
  148. }
  149.  
  150.  
  151. body{
  152. margin:5px;
  153. background-color: {color:Background};
  154. background-image:url({image:background});
  155. background-attachment: fixed;
  156. background-repeat: repeat;
  157. font-size: 8px;
  158. font-family: 'Homemade Apple', cursive;
  159. line-height:10px;
  160. color:{color:Text};
  161. cursor:default, progress;
  162. }
  163.  
  164. a:link, a:active, a:visited{
  165. color: {color:Link};
  166. text-decoration: none;
  167. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  168. }
  169.  
  170. a:hover{
  171. color:{color:Hover};
  172. text-decoration: none;
  173. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  174. text-shadow:0px 0px 2px {color:text shadow};
  175. cursor: pointer, auto;
  176. }
  177.  
  178. #cunt{width:250px; height:auto;}
  179. {block:PermalinkPage}
  180. width:410px;
  181. {/block:PermalinkPage}
  182. }
  183.  
  184. #center{
  185. padding-top:3px;
  186. padding-bottom:3px;
  187. position:fixed !important;
  188. width:250px;
  189. height:207px;
  190. background-color:#fff;
  191. {block:PermalinkPage}
  192. width:410px;
  193. height:207px;
  194. {/block:PermalinkPage}
  195. }
  196.  
  197. #posts{
  198. float:center;
  199. {block:indexpage}
  200. width:852px;
  201. {/block:indexpage}
  202. {block:permalinkpage}
  203. width:800px;
  204. {/block:permalinkpage}
  205. margin-left: 360px;
  206. margin-top: 0px;
  207. }
  208.  
  209.  
  210.  
  211.  
  212. @font-face { font-family:"Ultimapdaa Hairline"; src: url('http://static.tumblr.com/iddq6cw/GQTm040bn/ultimapdaa-hairline.ttf'); }
  213.  
  214.  
  215. @font-face{
  216. font-family: "WebSymbolsRegular";
  217. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf'); }
  218.  
  219.  
  220. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  221.  
  222.  
  223. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  224.  
  225. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  226.  
  227. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  228.  
  229.  
  230.  
  231. @font-face {
  232. font-family: "Call Me";
  233. src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype");
  234. }
  235.  
  236.  
  237.  
  238. p.custom_font {
  239. font-family: Call Me;
  240. }
  241.  
  242.  
  243.  
  244. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  245.  
  246. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  247.  
  248. @font-face { font-family: "simply"; src: url('http://static.tumblr.com/jdjsstr/jAKm8lv4d/djb_jacked_up_kinda_luv_1_.ttf'); }
  249.  
  250. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  251.  
  252. @font-face {font-family: "selfish"; src:url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf")}
  253.  
  254. @font-face { font-family: "Abbeyline"; src: url('http://static.tumblr.com/pwgdr2n/RGcm3j4ne/abbeyline.ttf'); }
  255.  
  256. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  257.  
  258. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  259.  
  260. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  261.  
  262. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  263.  
  264. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  265.  
  266. @font-face { font-family: "lainie"; src: url('http://static.tumblr.com/oetadgc/Uialyjfaa/laine.ttf'); }
  267.  
  268. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  269.  
  270. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  271.  
  272. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  273.  
  274. @font-face {font-family: "Pastel Crayon"; src:url('http://static.tumblr.com/9wzbixa/ETbm2g6hl/pastel_crayon.ttf');}
  275.  
  276. faqq {
  277. font-family: caviardreams;
  278. width: 350px;
  279. font-size:23px;
  280. line-height: 30px;
  281. color:{color:link};
  282. text-align: center;
  283. font-weight: normal;
  284. letter-spacing: 2px;
  285. text-transform: uppercase;
  286. text-shadow: 2px 0px 2px #ddd;
  287. border-bottom: 0px solid #ddd;
  288. }
  289.  
  290.  
  291.  
  292.  
  293. @font-face{
  294. font-family: 'pixel';
  295. font-style: normal;
  296. font-weight: normal;
  297. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  298.  
  299. @font-face { font-family: "bby"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  300.  
  301. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  302.  
  303. #entry .perma a{
  304. color:;}
  305.  
  306. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  307.  
  308. @font-face {font-family: "neou";src: url('http://static.tumblr.com/jdjsstr/tmCm6t649/neou-thin_1_.otf');}
  309.  
  310.  
  311. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  312.  
  313.  
  314. @font-face { font-family: "marker"; src: url('http://themes.googleusercontent.com/static/fonts/permanentmarker/v0/9vYsg5VgPHKK8SXYbf3sMupm9E4gBdgiUiSJePew_SQ.woff'); }
  315.  
  316. .permalink {
  317. display: block;
  318. border-top: 1px solid #ddd;
  319. padding: 5px;
  320. margin: 0px 8px 0px 8px;
  321. font-family: arma;
  322. font-size: 8px;
  323. color: #424242;
  324. line-height: 11px;
  325. text-align: center;
  326. text-decoration: none;
  327. -webkit-transition: color 0.9s ease-out;
  328. -moz-transition: color 0.9s ease-out;
  329. }
  330.  
  331. .perma
  332. {
  333. opacity: 0.0;
  334. filter: alpha(opacity = 0);
  335. margin-top: -21px;
  336. width: px;
  337. height: auto;
  338. line-height: auto;
  339. font-size: 9px;
  340. position:absolute;
  341. text-align: center;
  342. z-index:9999991;
  343. color: {color:permalink};
  344. -webkit-transition: opacity 0.4s linear;
  345.  
  346. -moz-transition: all 0.4s linear;
  347. transition: all 0.4s linear;
  348. }
  349. a.p
  350. {
  351.  
  352. color: {color:permalink};
  353. }
  354. #entry:hover .perma {
  355.  
  356. -webkit-transition: opacity 0.4s linear;
  357. opacity: 1;
  358. -moz-transition: all 0.4s linear;
  359. transition: all 0.4s linear;
  360. filter: alpha(opacity = 100);
  361.  
  362. }
  363.  
  364. select {
  365. font-size: 9px;
  366. width: 100px;
  367. margin-left: 10px;
  368.  
  369. }
  370. option {
  371. font-size: 9px;
  372. text-align: left;
  373.  
  374. }
  375. input[type=button]
  376. {
  377. font-size: 9px;
  378. }
  379.  
  380. .likep {
  381. width: 35px;
  382. height: auto;
  383. overflow: hidden;
  384. position: relative;
  385. z-index: 9999999;
  386. position: absolute;
  387. margin-top: 26px;
  388. margin-left: 8px;
  389. }
  390. .rep {
  391. width: 35px;
  392. height: auto;
  393. overflow: hidden;
  394. position: relative;
  395. z-index: 9999999;
  396. position: absolute;
  397. margin-top: 26px;
  398. margin-left: 49px;
  399. }
  400. .likep a:hover {
  401. background-position: 0px 0px;
  402. }
  403. .likep a {
  404. background-image: url("");
  405. background-position: 0px 0px;
  406. display: block;
  407. z-index: 9999999;
  408. webkit-transition: all 0s linear;
  409. -webkit-transition: all 0s linear;
  410. -moz-transition: all 0s linear;
  411. transition: all 0s linear;
  412. }
  413. .likep img {
  414. width: 35px;
  415. height:auto;
  416. webkit-transition: all 0.2s linear;
  417. -webkit-transition: all 0.2s linear;
  418. -moz-transition: all 0.2s linear;
  419. transition: all 0.2s linear;
  420. }
  421. .rep img{
  422. width: 35px;
  423. height: auto;
  424. line-height: auto;
  425. display: inline;
  426. }
  427.  
  428. .not { position: absolute;
  429. background: url("");
  430. height: 20px;
  431. font-size: 11px;
  432. line-height: 20px;
  433. color: #fff;
  434. position: absolute;
  435. margin-top: 26px;
  436. margin-left: 56px;
  437. padding-left: 4px;
  438. padding-right: 4px;
  439. -moz-border-radius: 2px;
  440. border-radius: 2px;
  441. }
  442. .not a{
  443. color: #fff;
  444. font-weight: bold;
  445. font-family: Arial, Helvetica, sans-serif;
  446. }
  447. {block:iffaded}
  448. #entry:hover .not, #entry:hover .rep, #entry:hover .likep {
  449. opacity: 0.8;
  450. filter: alpha(opacity = 80);
  451. }{block:iffaded}
  452. {block:notiffaded}
  453. #entry:hover .not, #entry:hover .rep, #entry:hover .likep {
  454. opacity: 1.0;
  455. filter: alpha(opacity = 100);
  456. }{block:notiffaded}
  457. .not:hover , .rep:hover, .likep:hover {
  458. opacity: 1!important;
  459. filter: alpha(opacity = 100)!important;
  460. }
  461.  
  462. .permalinktext {
  463. display: block;
  464. padding: 2px;
  465. margin: 0px 0px 0px 0px;
  466. font-family: consolas;
  467. letter-spacing: 2px;
  468. font-size: 11px;
  469. color: #424242;
  470. line-height: 7px;
  471.  
  472. text-align: right;
  473. text-transform:uppercase;
  474. text-decoration: none;
  475. -webkit-transition: color 0.5s ease-out;
  476. -moz-transition: color 0.5s ease-out;
  477. border-top: 0px dotted #dcdcdc;
  478. }
  479.  
  480. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  481.  
  482. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  483.  
  484. askk {
  485. font-family: neou;
  486. color: {color:Title};
  487. font-size:15px;
  488. letter-spacing: 1px;
  489. text-transform: uppercase;
  490. z-index:1;
  491. }
  492.  
  493. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  494.  
  495. @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
  496.  
  497. @font-face {font-family:"little days"; src: url('http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf');}
  498.  
  499. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  500.  
  501. #postnotes{
  502. text-align: left;
  503. }
  504.  
  505. #postnotes blockquote{
  506. border: 0px;
  507. }
  508.  
  509. #entry{
  510. opacity:0.9;
  511. font-family: arial;
  512. font-size: 12px;
  513. line height: 14px;
  514. text-align:left;
  515. z-index:2;
  516. float:left;
  517. width: 500px;
  518. height: auto;
  519. {block:PermalinkPage}
  520. width: 500px;
  521. height: auto;
  522. {/block:PermalinkPage}
  523. background-color:#fff;
  524. padding:2px;
  525. margin-right:7px;
  526. overflow:hidden;
  527. margin-bottom:7px;
  528. border: 0px double #ddd;
  529. -webkit-filter:grayscale(0%);
  530. transition: all 0.9s ease-out;
  531. -o-transition-transition: all 0.9s ease-out;
  532. -webkit-transition: all 0.9s ease-out;
  533. -moz-transition: all 0.9s ease-out;
  534. }
  535.  
  536. #entry:hover {
  537. opacity: 1.0;
  538. -webkit-filter:grayscale(0%);
  539. transition: all 0.9s ease-out;
  540. -o-transition-transition: all 0.9s ease-out;
  541. -webkit-transition: all 0.9s ease-out;
  542. -moz-transition: all 0.9s ease-out;
  543. }
  544.  
  545. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  546.  
  547. #permapage{
  548. font-family: tinytots;
  549. font-size: 8px;
  550. line-height: 8px;
  551. text-align: center;
  552. padding-bottom:10px;
  553. z-index:9999;}
  554.  
  555. .title{
  556. font-family: Clearly;
  557. font-size: 28px;
  558. line-height: 30px;
  559. color: {color:Title};
  560. text-transform:uppercase;
  561. padding: 2px 0px 0px 0px;
  562. }
  563.  
  564. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  565.  
  566. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  567.  
  568. .blogtitle{
  569. font-family: beauty;
  570. font-size: 18px;
  571. line-height: 18px;
  572. color: {color:Link};
  573. font-weight: normal;
  574. }
  575.  
  576. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  577.  
  578. blockquote{
  579. padding:0px 0px 2px 3px;
  580. margin:0px 0px 2px 1px;
  581. }
  582. ul, ol, li{
  583. list-style:none;
  584. margin:0px;
  585. padding:0px;
  586. }
  587.  
  588. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  589. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  590. }
  591.  
  592. a.links {
  593. font-family: ruluko;
  594. font-size: 8px;
  595. line-height: 8px;
  596. text-transform: normal;
  597. letter-spacing:0px;
  598. display:block;
  599. padding: 0px;
  600. margin-bottom: 0px;
  601. }
  602.  
  603. a.links:hover {
  604. font-style: underline;
  605. text-decoration: none;
  606. letter-spacing:10px;
  607. }
  608.  
  609. #sidebar{
  610. position:fixed;
  611. height:auto;
  612. background:transparent;
  613. width:285px;
  614. margin-top:200px;
  615. margin-left:55px;
  616. border:0px solid #fff;
  617. padding:3px;
  618. font-family:consolas;
  619. font-size:11px;
  620. line-height:13px;
  621. text-align:center;
  622. border-right:1px dashed #ddd;
  623. }
  624.  
  625.  
  626. div#titlebar{
  627. font-family:caviardreams;
  628. font-size:50px;
  629. margin-left:-133px;
  630. bottom:295px;
  631. color: {color:titlebar};
  632. text-align:center;
  633. width:500px;
  634. position:fixed;
  635. text-transform:uppercase;
  636. -moz-transform: rotate(180deg); /* FF3.5+ */
  637. -o-transform: rotate(180deg); /* Opera 10.5 */
  638. -webkit-transform: rotate(-90deg);
  639. }
  640. @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
  641. </style>
  642. <title>{title}</title>
  643. <link rel="shortcut icon" href="{favicon}">
  644. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  645. <meta name="viewport" content="width=720" />
  646. </head>
  647. <body>
  648.  
  649. <div id="center">
  650. <div id="content">
  651. </div>
  652.  
  653.  
  654. <div id="sidebar">
  655. <span class="title">{title}</span><br>{block:ifsidebarimage}<img src="{image:Sidebar}" width="275px">{/block:ifsidebarimage}<br>
  656. {description}<br><br><div style="font-size:11px;line-height:18px;letter-spacing:2px;text-transform:uppercase;"><a href="/">Home</a> {block:ifshowasklink} / <a href="/ask">{AskLabel}</a>{/block:ifshowasklink} {block:ifshowarchivelink} / <a href="/archive">past</a>{/block:ifshowarchivelink} {block:ifshowsubmitlink} / <a href="/submit">{SubmitLabel}</a>{/block:ifshowsubmitlink} {block:HasPages}
  657. {block:Pages} / <a href="{URL}" class="page">{Label}</a>{/block:Pages}
  658. {/block:HasPages} / <a href="http://sleephy.tumblr.com">Theme</a> </div>
  659. </div>
  660.  
  661.  
  662.  
  663.  
  664. <script type="text/javascript" src="http://static.tumblr.com/xrmodho/lSWmp7h7t/jquery.js"></script>
  665. <script type="text/javascript"
  666. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  667.  
  668.  
  669.  
  670. <div id="posts">
  671. {block:posts}
  672. <div id="entry">
  673. {block:Text}
  674. {block:Title}<span class="title">{Title}</span>{/block:Title}
  675. <span class="entrytext">{Body}</span>
  676. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  677. {/block:Text}
  678.  
  679. {block:Link}
  680. <a href="{URL}" class="title">{Name}</a>
  681. {block:Description}{Description}{/block:Description}
  682. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  683. {block:Link}
  684.  
  685. {block:Photo}{block:IndexPage}
  686. <div class="perma">
  687. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img style="height:35px;cursor:pointer;border-radius:35px;" src="http://static.tumblr.com/j1tjexd/aeQmam5ia/like1.png" alt="like" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png" title="reblog" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  688. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  689. box-shadow: 0px 0px 0px rgba(0,0,0,0.33); border-radius:35px;"></a></div>
  690. <div class="not"><a id="notes{PostID}" href="{Permalink}"></a></div>
  691.  
  692.  
  693.  
  694. </div>
  695. {/block:IndexPage}
  696. {block:IndexPage}<a href="{Permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="border: 0px solid #dddcdc; padding:0px;" width=500px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  697. {/block:Photo}
  698.  
  699. {block:Photoset}
  700. {block:IndexPage}
  701. <div class="perma">
  702. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img style="height:35px;cursor:pointer;border-radius:35px;" src="http://static.tumblr.com/j1tjexd/aeQmam5ia/like1.png" alt="like" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png" title="reblog" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  703. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  704. box-shadow: 0px 0px 0px rgba(0,0,0,0.33); border-radius:35px;"></a></div>
  705. <div class="not"><a id="notes{PostID}" href="{Permalink}"></a></div>
  706.  
  707.  
  708.  
  709. </div>
  710. {Photoset-500}</center>
  711. {/block:IndexPage}
  712. {block:PermalinkPage}
  713. <center>
  714. {Photoset-500}</center>
  715. {/block:PermalinkPage}
  716. {/block:Photoset}
  717.  
  718.  
  719. {block:Quote}
  720. <span class="entrytext">{Quote}</span>
  721. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  722. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  723. {/block:Quote}
  724.  
  725. {block:Chat}
  726. {block:Title}<span class="title">{Title}</span>{/block:Title}
  727. <ul class="chat">
  728. {block:Lines}
  729. <li class="user_{UserNumber}">
  730. {block:Label}
  731. <span class="label">{Label}</span>
  732. {/block:Label}
  733.  
  734. {Line}
  735. </li>
  736. {/block:Lines}
  737. </ul>
  738. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a>
  739. <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  740. {/block:Chat}
  741.  
  742.  
  743. {block:Audio}
  744. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  745. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  746. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  747. {/block:Audio}
  748.  
  749. {block:Video}<center>
  750. <div class="video">{Video-400}</div></center>
  751. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  752. {block:Video}
  753.  
  754. {block:Answer}
  755. <br>
  756. <div style="border-radius:5px; border: 1px solid #E6DFDF; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 0px 0px #eee;">
  757. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  758. <askk>{Asker}</askk>: {Question}<br></div>
  759. <div style="font-family: arial; font-size: 10px;">
  760. {Answer}
  761. </div>
  762. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{Permalink}" target="_blank">{TimeAgo}</a> </div>
  763. {/block:Answer}
  764.  
  765. {block:PostNotes}<div align="middle">{caption}</div>
  766. <center>
  767.  
  768. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  769.  
  770. {block:HasTags}
  771. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  772. {block:RebloggedFrom}
  773. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  774. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  775.  
  776. {/block:RebloggedFrom}
  777. </center></span>
  778. <br>
  779. <div id="postnotes">{PostNotes}</div><br>
  780.  
  781. <center>{block:ContentSource}
  782. <br><a href="{SourceURL}">
  783. {lang:Source}:
  784. {block:SourceLogo}
  785. <img src="{BlackLogoURL}" width="{LogoWidth}"
  786. height="{LogoHeight}" alt="{SourceTitle}" />
  787. {/block:SourceLogo}
  788. {block:NoSourceLogo}
  789. {SourceLink}
  790. {/block:NoSourceLogo}
  791. </a>
  792. {/block:ContentSource}</center>
  793.  
  794. {/block:PostNotes}
  795. </div>
  796. {/block:Posts}
  797. </div></div>
  798.  
  799. {block:indexpage}
  800. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  801. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  802. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  803. <script type="text/javascript">
  804. $(window).load(function(){
  805. var $wall = $('#posts');
  806. $wall.imagesLoaded(function(){
  807. $wall.masonry({
  808. itemSelector: '#entry, #entry_photo',
  809. isAnimated : false
  810. });
  811. });
  812.  
  813. $wall.infinitescroll({
  814. navSelector : '#page-nav',
  815. nextSelector : '#page-nav a',
  816. itemSelector : '#entry, #entry_photo',
  817. bufferPx : 2000,
  818. debug : false,
  819. errorCallback: function() {
  820. $('#infscr-loading').fadeOut('normal');
  821. }},
  822. function( newElements ) {
  823. var $newElems = $( newElements );
  824. $newElems.hide();
  825. $newElems.imagesLoaded(function(){
  826. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  827. });
  828. }); $('#content').show(500);
  829. });
  830. </script>
  831. {/block:indexpage}
  832.  
  833. </div>
  834. </body>
  835.  
  836.  
  837.  
  838. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement