API tools faq
paste
Advertisement
gasphard-ulliel

theme005: cerberus

gasphard-ulliel
Sep 22nd, 2012
6,027
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. THEME 005: CERBERUS by GASPHARD-ULLIEL
  6.  
  7. Please don't:
  8. 1. Remove or move the credit
  9. 2. Use this as a base code
  10. 3. Claim as your own or redistribute
  11. Thank you!
  12.  
  13. If there's any error in the coding please tell me and I'll fix it. I hope you enjoy using this theme! C:
  14.  
  15.  
  16. -->
  17.  
  18. <html>
  19.  
  20. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  21. <script src="/path/to/jquery.masonry.min.js"></script>
  22.  
  23. <!--DEFAULT VARIABLES-->
  24. <meta name="image:sidebar01" content="">
  25. <meta name="image:sidebar02" content="">
  26. <meta name="image:sidebar03" content="">
  27. <meta name="text:description2" content="">
  28. <meta name="if:2sidebars" content="0">
  29. <meta name="if:biggerposts" content="1">
  30. <meta name="if:tags" content="1">
  31. <meta name="if:caption" content="1">
  32.  
  33. <!--DEFAULT COLORS-->
  34. <meta name="color:text" content="#000">
  35. <meta name="color:background" content="#fff">
  36. <meta name="color:sidebar" content="#d7d7d7">
  37. <meta name="color:title" content="#000">
  38. <meta name="color:links" content="#442255">
  39. <meta name="color:hover" content="#000">
  40. <meta name="color:posts" content="#f5f3f3">
  41. <meta name="color:border" content="#000">
  42. <meta name="color:sidelink01" content="#442255">
  43. <meta name="color:sidelink02" content="#4e2762">
  44. <meta name="color:sidelink03" content="#572e6c">
  45. <meta name="color:sidelink04" content="#613477">
  46. <meta name="color:sidelink05" content="#6a3b81">
  47. <meta name="color:sidelink06" content="#72438a">
  48. <meta name="color:sidelink07" content="#7c4a95">
  49. <meta name="color:sidelink08" content="#8652a0">
  50. <meta name="color:sidelink09" content="#905bab">
  51. <meta name="color:sidelink10" content="#9966b3">
  52. <meta name="color:sidelink text" content="#fff">
  53. <meta name="color:scrollbar" content="#442255">
  54. <meta name="color:scrollbar background" content="#d7d7d7">
  55. <meta name="color:notes" content="#bca6c7">
  56.  
  57. <!--DEFAULT LINKS-->
  58. <meta name="text:sidelink01" content="http://">
  59. <meta name="text:sidelink02" content="http://">
  60. <meta name="text:sidelink03" content="http://">
  61. <meta name="text:sidelink04" content="http://">
  62. <meta name="text:sidelink05" content="http://">
  63. <meta name="text:sidelink06" content="http://">
  64. <meta name="text:sidelink07" content="http://">
  65. <meta name="text:sidetitle01" content="link 01">
  66. <meta name="text:sidetitle02" content="link 02">
  67. <meta name="text:sidetitle03" content="link 03">
  68. <meta name="text:sidetitle04" content="link 04">
  69. <meta name="text:sidetitle05" content="link 05">
  70. <meta name="text:sidetitle06" content="link 06">
  71. <meta name="text:sidetitle07" content="link 07">
  72.  
  73. <head>
  74.  
  75. <title>{Title}</title>
  76. <link rel="shortcut icon" href="{favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78. {block:description}
  79. <meta name="description" content="{MetaDescription}"/>
  80. {/block:description}
  81.  
  82. <link href='http://fonts.googleapis.com/css?family=Orienta|Satisfy' rel='stylesheet' type='text/css'>
  83. <link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise' rel='stylesheet' type='text/css'>
  84.  
  85. <style type="text/css">
  86.  
  87. body {
  88. font-family: 'orienta', sans-serif;
  89. font-size: 11px;
  90. background-color: {color:background};
  91. text-align: justify;
  92. }
  93.  
  94. a:link, a:active, a:visited {
  95. color: {color:links};
  96. text-decoration: none;
  97. transition: all 0.6s ease-out;
  98. -webkit-transition: all 0.6s ease-out;
  99. -moz-transition: all 0.6s ease-out;
  100. -o-transition: all 0.6s ease-out;
  101. }
  102.  
  103. a:hover {
  104. color: {color:hover};
  105. transition: all 0.6s ease-out;
  106. -webkit-transition: all 0.6s ease-out;
  107. -moz-transition: all 0.6s ease-out;
  108. -o-transition: all 0.6s ease-out;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:vertical {
  112. background-color: {color:scrollbar};
  113. height:100px;
  114. }
  115.  
  116. ::-webkit-scrollbar {
  117. height:25px;
  118. width:4px;
  119. background-color: {color:scrollbar background};
  120. }
  121.  
  122. /*SIDEBAR*/
  123.  
  124. #containuh {
  125. height: 1000%;
  126. margin-left: 80px;
  127. width: 375px;
  128. position: fixed;
  129. {block:ifnot2sidebars}margin-top: 2%;{/block:ifnot2sidebars}
  130. {block:if2sidebars}margin-top: 17%;{/block:if2sidebars}
  131. }
  132.  
  133. .sidebar01 {
  134. float: left;
  135. width: 200px;
  136. height: 200px;
  137. margin-top: 10px;
  138. opacity: 1;
  139. overflow: hidden;
  140. position: absolute;
  141. }
  142.  
  143. .sidebar02 {
  144. float: left;
  145. width: 200px;
  146. height: 200px;
  147. margin-top: 220px;
  148. margin-left: 200px;
  149. opacity: 1;
  150. overflow: hidden;
  151. position: absolute;
  152. }
  153.  
  154. .sidebar03 {
  155. float: left;
  156. width: 200px;
  157. height: 200px;
  158. margin-top: 430px;
  159. opacity: 1;
  160. overflow: hidden;
  161. position: absolute;
  162. }
  163.  
  164. #kidcontainuh1 {
  165. width: 410px;
  166. margin-left: -10px;
  167. margin-top: 23px;
  168. position: fixed;
  169. height: 150px;
  170. }
  171.  
  172. .boxes1 {
  173. width: 46px;
  174. height: 46px;
  175. margin-left: 153px;
  176. margin-top: -3px;
  177. }
  178.  
  179. .boxes1 a {
  180. display: block;
  181. margin-top: 3px;
  182. text-transform: uppercase;
  183. font-size: 7px;
  184. padding: 18px 3px 17px 3px;
  185. text-align: center;
  186. color: {color:sidelink text};
  187. border: 1px dotted {color:border};
  188. opacity: 0.6;
  189. transition: all 0.6s ease-out;
  190. -webkit-transition: all 0.6s ease-out;
  191. -moz-transition: all 0.6s ease-out;
  192. -o-transition: all 0.6s ease-out;
  193. }
  194.  
  195. .boxes1 a:hover {
  196. opacity: 0.9;
  197. color: {color:sidelink text};
  198. transition: all 0.6s ease-out;
  199. -webkit-transition: all 0.6s ease-out;
  200. -moz-transition: all 0.6s ease-out;
  201. -o-transition: all 0.6s ease-out;
  202. }
  203.  
  204. .desc1 {
  205. width: 398px;
  206. height: 162px;
  207. padding: 6px;
  208. float: left;
  209. position: fixed;
  210. background-color: {color:sidebar};
  211. color: {color:text};
  212. font-size: 10px;
  213. opacity: 0.6;
  214. line-height: 12px;
  215. }
  216.  
  217. .kiddesc1 {
  218. width: 188px;
  219. height: 162px;
  220. padding: 6px;
  221. margin-left: 210px;
  222. float: left;
  223. position: fixed;
  224. background-color: transparent;
  225. color: {color:text};
  226. font-size: 10px;
  227. opacity: 0.6;
  228. line-height: 12px;
  229. }
  230.  
  231. #kidcontainuh2 {
  232. width: 420px;
  233. margin-left: 0px;
  234. margin-top: 235px;
  235. position: fixed;
  236. height: auto;
  237. }
  238.  
  239. .sidelinks {
  240. width: 410px;
  241. height: auto;
  242. margin-left: 0px;
  243. margin-top: 0px;
  244. transition: all 0.6s ease-out;
  245. -webkit-transition: all 0.6s ease-out;
  246. -moz-transition: all 0.6s ease-out;
  247. -o-transition: all 0.6s ease-out;
  248. }
  249.  
  250. .sidelinks a {
  251. display: block;
  252. margin-top: 1px;
  253. text-transform: uppercase;
  254. font-size: 9px;
  255. padding:3px 3px 3px 3px;
  256. height: 10px;
  257. color: {color:sidelink text};
  258. opacity: 0.6;
  259. transition: all 0.6s ease-out;
  260. -webkit-transition: all 0.6s ease-out;
  261. -moz-transition: all 0.6s ease-out;
  262. -o-transition: all 0.6s ease-out;
  263. }
  264.  
  265. .sidelinks a:hover {
  266. opacity: 0.9;
  267. border-left: 3px solid {color:text};
  268. color: {color:sidelink text};
  269. transition: all 0.6s ease-out;
  270. -webkit-transition: all 0.6s ease-out;
  271. -moz-transition: all 0.6s ease-out;
  272. -o-transition: all 0.6s ease-out;
  273. }
  274.  
  275. #kidcontainuh3 {
  276. width: 420px;
  277. margin-left: -10px;
  278. margin-top: 443px;
  279. position: fixed;
  280. height: 150px;
  281. }
  282.  
  283. .boxes2 {
  284. width: 46px;
  285. height: 46px;
  286. margin-left: 153px;
  287. margin-top: -3px;
  288. }
  289.  
  290. .boxes2 a {
  291. display: block;
  292. margin-top: 3px;
  293. text-transform: uppercase;
  294. font-size: 7px;
  295. padding: 18px 3px 17px 3px;
  296. text-align: center;
  297. color: {color:sidelink text};
  298. border: 1px dotted {color:border};
  299. opacity: 0.6;
  300. transition: all 0.6s ease-out;
  301. -webkit-transition: all 0.6s ease-out;
  302. -moz-transition: all 0.6s ease-out;
  303. -o-transition: all 0.6s ease-out;
  304. }
  305.  
  306. .boxes2 a:hover {
  307. opacity: 0.9;
  308. color: {color:sidelink text};
  309. transition: all 0.6s ease-out;
  310. -webkit-transition: all 0.6s ease-out;
  311. -moz-transition: all 0.6s ease-out;
  312. -o-transition: all 0.6s ease-out;
  313. }
  314.  
  315. .desc2 {
  316. width: 398px;
  317. height: 162px;
  318. padding: 6px;
  319. float: left;
  320. position: fixed;
  321. background-color: {color:sidebar};
  322. color: {color:text};
  323. font-size: 10px;
  324. opacity: 0.6;
  325. line-height: 12px;
  326. }
  327.  
  328. .kiddesc2 {
  329. width: 188px;
  330. height: 162px;
  331. padding: 6px;
  332. margin-left: 210px;
  333. float: left;
  334. position: fixed;
  335. background-color: transparent;
  336. color: {color:text};
  337. font-size: 10px;
  338. opacity: 0.6;
  339. line-height: 12px;
  340. }
  341.  
  342. .title {
  343. margin-top: -65px;
  344. position: fixed;
  345. width: 400px;
  346. color: {color:text};
  347. font-family: 'Monsieur La Doulaise', cursive;
  348. font-size: 50px;
  349. text-align: right;
  350. }
  351.  
  352. /*PAGINATION*/
  353.  
  354. .prev {
  355. bottom: 2px;
  356. color: {color:text};
  357. opacity: 0.4;
  358. width: 40px;
  359. height: auto;
  360. font-size: 20px;
  361. text-align: left;
  362. position: fixed;
  363. }
  364.  
  365. .prev a {
  366. color: {color:text};
  367. transition: all 0.6s ease-out;
  368. -webkit-transition: all 0.6s ease-out;
  369. -moz-transition: all 0.6s ease-out;
  370. -o-transition: all 0.6s ease-out;
  371. }
  372.  
  373. .prev a:hover {
  374. color: {color:notes};
  375. opacity: 0.9;
  376. transition: all 0.6s ease-out;
  377. -webkit-transition: all 0.6s ease-out;
  378. -moz-transition: all 0.6s ease-out;
  379. -o-transition: all 0.6s ease-out;
  380. }
  381.  
  382. .next {
  383. bottom: 2px;
  384. color: {color:text};
  385. opacity: 0.4;
  386. width: 40px;
  387. margin-left: 360px;
  388. height: auto;
  389. font-size: 20px;
  390. text-align: right;
  391. position: fixed;
  392. }
  393.  
  394. .next a {
  395. color: {color:text};
  396. transition: all 0.6s ease-out;
  397. -webkit-transition: all 0.6s ease-out;
  398. -moz-transition: all 0.6s ease-out;
  399. -o-transition: all 0.6s ease-out;
  400. }
  401.  
  402. .next a:hover {
  403. color: {color:notes};
  404. opacity: 0.9;
  405. transition: all 0.6s ease-out;
  406. -webkit-transition: all 0.6s ease-out;
  407. -moz-transition: all 0.6s ease-out;
  408. -o-transition: all 0.6s ease-out;
  409. }
  410.  
  411. /*POSTS*/
  412.  
  413. #posts {
  414. margin-left: 550px;
  415. background-color: transparent;
  416. margin-top: -10px;
  417. margin-bottom: -10px;
  418. height: 1000%;
  419. position: relative;
  420. width: 600px;
  421. }
  422.  
  423. .postz {
  424. margin-top: 10px;
  425. margin-bottom: 10px;
  426. {block:IfBiggerPosts}width: 520px;{/block:IfBiggerPosts}
  427. {block:IfNotBiggerPosts}width: 420px; {/block:IfNotBiggerPosts}
  428. margin-left: 0px;
  429. height: 1000%;
  430. float: left;
  431. position: relative;
  432. }
  433.  
  434. .entry {
  435. background-color: {color:posts};
  436. color: {color:text};
  437. position: relative;
  438. {block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
  439. {block:IfNotBiggerPosts}width: 400px; {/block:IfNotBiggerPosts}
  440. text-align: justify;
  441. float: left;
  442. z-index: 999;
  443. line-height: 14px;
  444. padding: 10px;
  445. margin-bottom: 5px;
  446. -webkit-transition: all 0.6s ease-out;
  447. -moz-transition: all 0.6s ease-out;
  448. -o-transition: all 0.6s ease-out;
  449. }
  450.  
  451. .permalink {
  452. opacity: 0;
  453. width: 150px;
  454. {block:IfBiggerPosts}margin-left: 430px;{/block:IfBiggerPosts}
  455. {block:IfNotBiggerPosts}margin-left: 330px;{/block:IfNotBiggerPosts}
  456. font-size: 10px;
  457. text-align: left;
  458. color: {color:description};
  459. position: absolute;
  460. height: auto;
  461. padding: 5px;
  462. background-color: transparent;
  463. border-left: 2px solid {color:posts};
  464. text-transform: lowercase;
  465. letter-spacing: 0px;
  466. -webkit-transition: all 0.6s ease-out;
  467. -moz-transition: all 0.6s ease-out;
  468. -o-transition: all 0.6s ease-out;
  469. float: left;
  470. }
  471.  
  472. .postz:hover .permalink {
  473. opacity: 1;
  474. width: 150px;
  475. {block:IfBiggerPosts}margin-left: 530px;{/block:IfBiggerPosts}
  476. {block:IfNotBiggerPosts}margin-left: 430px;{/block:IfNotBiggerPosts}
  477. -webkit-transition: all 0.6s ease-out;
  478. -moz-transition: all 0.6s ease-out;
  479. -o-transition: all 0.6s ease-out;
  480. }
  481.  
  482.  
  483. .permalink a:hover {
  484. color: {color:text};
  485. -webkit-transition: all 0.6s ease-out;
  486. -moz-transition: all 0.6s ease-out;
  487. -o-transition: all 0.6s ease-out;
  488. }
  489.  
  490. .dates {
  491. position: relative;
  492. color: {color:text};
  493. background-color: {color:notes};
  494. text-align: left;
  495. padding: 1px 10px 3px 10px;
  496. {block:ifbiggerposts}width: 500px;{/block:ifbiggerposts}
  497. {block:ifnotbiggerposts}width: 400px;{/block:ifnotbiggerposts}
  498. text-transform: uppercase;
  499. font-size: 9px;
  500. height: auto;
  501. margin-top: 0px;
  502. opacity: 0.6;
  503. -webkit-transition: all 0.6s ease-out;
  504. -moz-transition: all 0.6s ease-out;
  505. -o-transition: all 0.6s ease-out;
  506. }
  507.  
  508. .dates:hover {
  509. opacity: 1;
  510. -webkit-transition: all 0.6s ease-out;
  511. -moz-transition: all 0.6s ease-out;
  512. -o-transition: all 0.6s ease-out;
  513. }
  514.  
  515. .dates a {
  516. color: {color:text};
  517. }
  518.  
  519. .dates a:hover {
  520. color: {color:text};
  521. opacity: 1;
  522. text-decoration: underline;
  523. }
  524.  
  525. ol.notes{
  526. padding: 0px;
  527. text-align: center;
  528. list-style-type: none;
  529. }
  530.  
  531. ol.notes li.notes{
  532. padding: 0px;
  533. text-align: center;
  534. }
  535.  
  536. .entry b, strong{
  537. color: {color:text};
  538. }
  539.  
  540. .entry i, em{
  541. color: {color:text};
  542. }
  543.  
  544. .entry h1{
  545. text-transform: uppercase;
  546. font-size: 16px;
  547. font-weight: normal;
  548. letter-spacing: 0px;
  549. text-align: center;
  550. line-height: 20px;
  551. }
  552.  
  553. .entry h2{
  554. text-transform: none;
  555. text-decoration: none;
  556. letter-spacing: 0px;
  557. font-size: 14px;
  558. text-align: center;
  559. font-weight:normal;
  560. }
  561.  
  562. .entry blockquote {
  563. border-left: 3px solid {color:border};
  564. color: {color:text};
  565. padding-left: 6px;
  566. margin-left: 3px;
  567. text-align: justify;
  568. }
  569.  
  570. .entry img {
  571. {block:IfBiggerPosts}max-width: 500px;{/block:IfBiggerPosts}
  572. {block:IfNotBiggerPosts}max-width: 400px; {/block:IfNotBiggerPosts}
  573. padding: 0px;
  574. }
  575.  
  576. .entry img:hover {
  577. filter: none;
  578. -webkit-filter: grayscale(0);
  579. -webkit-transition: all 0.7s ease-in-out;
  580. -moz-transition: all 0.7s ease-in-out;
  581. -o-transition: all 0.7s ease-in-out;
  582. }
  583.  
  584. .ask {
  585. background-color: {color:background};
  586. text-align: justify;
  587. font-size: 12px;
  588. padding: 10px;
  589. margin-left: 53px;
  590. opacity: 0.7;
  591. }
  592.  
  593. .askicon {
  594. margin-left: 0px;
  595. position: absolute;
  596. text-align: left;
  597. }
  598.  
  599. .answer {
  600. padding: 2px;
  601. margin-left: 61px;
  602. text-align: justify;
  603. margin-top: -10px;
  604. }
  605.  
  606. .chat {
  607. padding: 10px;
  608. text-align: justify;
  609. line-height: 13px;
  610. }
  611.  
  612. .audioplay {
  613. width:28px;
  614. height: 30px;
  615. margin-top: -65px;
  616. margin-left: 37px;
  617. position: absolute;
  618. overflow:hidden;
  619. float:left;
  620. }
  621.  
  622. .albumart {
  623. width: 100px;
  624. height: 100px;
  625. overflow: hidden;
  626. text-align: left;
  627. }
  628.  
  629. .audiodesc {
  630. border-left: 4px solid {color:links};
  631. color: {color:text};
  632. padding: 2px;
  633. {block:IfBiggerPosts}width: 385px;{/block:IfBiggerPosts}
  634. {block:IfNotBiggerPosts}width: 285px; {/block:IfNotBiggerPosts}
  635. overflow: hidden;
  636. margin-left: 105px;
  637. position: absolute;
  638. }
  639.  
  640. .photo {
  641. opacity: 0.8;
  642. -webkit-transition: all 0.5s ease-in-out;
  643. -moz-transition: all 0.5s ease-in-out;
  644. -o-transition: all 0.5s ease-in-out;
  645. -ms-transition: all 0.5s ease-in-out;
  646. transition: all 0.5s ease-in-out;
  647. }
  648.  
  649. .photo:hover {
  650. opacity: 1;
  651. -webkit-transition: all 0.7s ease-in-out;
  652. -moz-transition: all 0.7s ease-in-out;
  653. -o-transition: all 0.7s ease-in-out;
  654. }
  655.  
  656. .permalink2 {
  657. font-size: 10px;
  658. padding-bottom:5px;
  659. padding-top:5px;
  660. margin-bottom:10px;
  661. line-height:12px;
  662. color: {color:posts};
  663. text-transform: lowercase;
  664. text-align: center;
  665. position: relative;
  666. margin-left: 10px;
  667. float: left;
  668. {block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
  669. {block:IfNotBiggerPosts}width: 400px;{/block:IfNotBiggerPosts}
  670. height: auto;
  671. }
  672.  
  673. iframe#tumblr_controls {
  674. position: fixed !important;
  675. right:2px !important;
  676. opacity: 0.3;
  677. width: 900px;
  678. border-radius: 10px;
  679. -webkit-transition: all 0.8s ease-in-out;
  680. -moz-transition: all 0.8s ease-in-out;
  681. -o-transition: all 0.8s ease-in-out;
  682. }
  683.  
  684. iframe#tumblr_controls:hover {
  685. -webkit-transition: all 0.8s ease-in-out;
  686. -moz-transition: all 0.8s ease-in-out;
  687. -o-transition: all 0.8s ease-in-out;
  688. opacity: 1;
  689. border-radius: 5px;
  690. }
  691.  
  692. </style>
  693. </head>
  694.  
  695. <body>
  696.  
  697. <div id="containuh">
  698.  
  699. <div id="kidcontainuh1">
  700. <div class="desc1"></div>
  701. <div class="kiddesc1">
  702. {Description}
  703. </div>
  704. </div>
  705. <div class="sidebar01"><img src="{image:sidebar01}" width="200"></div>
  706. <div id="kidcontainuh2">
  707. <div class="sidelinks">
  708. <div style="background-color: {color:sidelink01}; opacity: 0.6;"><a href="/">Home</a></div>
  709. <div style="background-color: {color:sidelink02}; opacity: 0.6;"><a href="/ask">Ask</a></div>
  710. {block:ifsidelink01}<div style="background-color: {color:sidelink03}; opacity: 0.6;"><a href="{text:sidelink01}">{text:sidetitle01}</a></div>{/block:ifsidelink01}
  711. {block:ifsidelink02}<div style="background-color: {color:sidelink04}; opacity: 0.6;"><a href="{text:sidelink02}">{text:sidetitle02}</a></div>{/block:ifsidelink02}
  712. {block:ifsidelink03}<div style="background-color: {color:sidelink05}; opacity: 0.6;"><a href="{text:sidelink03}">{text:sidetitle03}</a></div>{/block:ifsidelink03}
  713. {block:ifsidelink04}<div style="background-color: {color:sidelink06}; opacity: 0.6;"><a href="{text:sidelink04}">{text:sidetitle04}</a></div>{/block:ifsidelink04}
  714. {block:ifsidelink05}<div style="background-color: {color:sidelink07}; opacity: 0.6;"><a href="{text:sidelink05}">{text:sidetitle05}</a></div>{/block:ifsidelink05}
  715. {block:ifsidelink06}<div style="background-color: {color:sidelink08}; opacity: 0.6;"><a href="{text:sidelink06}">{text:sidetitle06}</a></div>{/block:ifsidelink06}
  716. {block:ifsidelink07}<div style="background-color: {color:sidelink09}; opacity: 0.6;"><a href="{text:sidelink07}">{text:sidetitle07}</a></div>{/block:ifsidelink07}
  717. <div style="background-color: {color:sidelink10}; opacity: 0.6;"><a href="http://gasphard-ulliel.tumblr.com">Theme</a></div>
  718. </div>
  719. </div>
  720. <div class="sidebar02"><img src="{image:sidebar02}" width="200"></div>
  721. {block:ifnot2sidebars}
  722. <div id="kidcontainuh3">
  723. <div class="desc2"></div>
  724. <div class="kiddesc2">{text:description2}</div>
  725. </div>
  726. <div class="sidebar03"><img src="{image:sidebar03}" width="200"></div>{/block:ifnot2sidebars}
  727. {block:if2sidebars}<div class="title">{title}</div>{/block:if2sidebars}
  728. {block:Pagination}
  729. {block:PreviousPage}<div class="prev"><a href="{PreviousPage}">-</a></div>{/block:PreviousPage}
  730. {block:NextPage}<div class="next"><a href="{NextPage}">+</a></div>{/block:NextPage}</div>{/block:Pagination}
  731. </div>
  732.  
  733. <div id="posts">
  734.  
  735. {block:Posts}
  736.  
  737. <div class="postz">
  738. <div class="entry">
  739.  
  740. {block:Text}
  741. {block:Title}<h1>{Title}</h1>{/block:Title}
  742. {Body}
  743. {/block:Text}
  744.  
  745. {block:Photo}
  746. {block:IfBiggerPosts}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>{/block:IfBiggerPosts}
  747. {block:IfNotBiggerPosts}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}</div>{/block:IfNotBiggerPosts}
  748. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  749. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  750. {Caption}
  751. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  752. {/block:Photo}
  753.  
  754. {block:Photoset}
  755. {block:IfBiggerPosts}<div class="photo">{Photoset-500}</div>{/block:IfBiggerPosts}
  756. {block:IfNotBiggerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotBiggerPosts}
  757. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  758. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  759. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  760. {/block:Photoset}
  761.  
  762. {block:Quote}
  763. <div style="font-size: 16px; text-align:center">"{Quote}"</div>
  764. {block:Source}
  765. <p align="right">{Source}{/block:Source}</p>
  766. {/block:Quote}
  767.  
  768. {block:Link}
  769. <div style="font-size: 16px; text-align:center"><a href="{URL}" {Target}>{Name}</a></div>
  770. {block:Description}
  771. {Description}
  772. {/block:Description}
  773. {/block:Link}
  774.  
  775. {block:Chat}
  776. {block:Title}<h1>{Title}</h1>{/block:Title}
  777. <div class="chat">{block:Lines}
  778. {block:Label}
  779. <b>{Label}</b>
  780. {/block:Label}
  781. {Line}<br/>
  782. {/block:Lines}</div>
  783. {/block:Chat}
  784.  
  785. {block:Video}
  786. {block:IfBiggerPosts}<div class="photo">{Video-500}</div>{/block:IfBiggerPosts}
  787. {block:IfNotBiggerPosts}<div class="photo">{Video-400}</div>{/block:IfNotBiggerPosts}
  788. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  789. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  790. {Caption}
  791. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  792. {/block:Video}
  793.  
  794. {block:Audio}
  795. {block:AlbumArt}
  796. <div class="albumart"><img src="{AlbumArtURL}" width="100" height="100">
  797. <div class="audioplay"><center>{AudioPlayerBlack}</center></div></div>{/block:AlbumArt}
  798. {block:Artist}
  799. <div class="audiodesc" style="margin-top: -90px;"><b>Artist:</b> {Artist}</div>
  800. {/block:Artist}
  801. {block:Album}
  802. <div class="audiodesc" style="margin-top: -70px;"><b>Album:</b> {Album}</div>
  803. {/block:Album}
  804. {block:TrackName}
  805. <div class="audiodesc" style="margin-top: -50px"><b>Title:</b> {TrackName}</div>
  806. {/block:TrackName}
  807. {block:PlayCount}
  808. <div class="audiodesc" style="margin-top: -30px"><b>Plays:</b> {PlayCount}</div>
  809. {/block:PlayCount}
  810.  
  811. {/block:Audio}
  812.  
  813.  
  814. {block:Answer}
  815. <div class="askicon"><img src="{AskerPortraitURL-48}" width="48" height="48"></div><div class="ask"> {Asker} <b>asked:</b> {Question}</div>
  816. <div class="answer">{Answer}</div>
  817. {/block:Answer}
  818. </div>
  819.  
  820.  
  821. {block:IndexPage}
  822. {block:IfTags}{block:HasTags}<div class="permalink">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}
  823. {block:Date}<div class="dates">posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div>{/block:Date}
  824. {/block:IndexPage}
  825.  
  826. </div>
  827.  
  828. {block:PermalinkPage}
  829. <div class="permalink2">
  830. {block:RebloggedFrom}
  831. reblogged from: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  832. {block:HasTags}{block:Tags}
  833. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  834. {block:PostNotes}
  835. {block:IfBiggerPosts}<div style="line-height: 14px; text-align:left; width: 500px;font-size: 11px; color: {color:posts};margin-left: 10px;">{PostNotes}</div>{/block:IfBiggerPosts}
  836. {block:IfNotBiggerPosts}<div style="line-height: 14px; text-align:left; width: 400px;font-size: 11px; color: {color:posts};margin-left: 10px;">{PostNotes}</div>{/block:IfNotBiggerPosts}
  837. {/block:PostNotes}
  838. {/block:PermalinkPage}
  839.  
  840. {/block:Posts}
  841.  
  842.  
  843. </div></div>
  844.  
  845. </body>
  846. </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!