API tools faq
paste
vya

bigheader+links @jky

vya
Apr 10th, 2015
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.39 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.  
  3.  
  4. <html xmlns="http://www.w3.org/2999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head>
  7.  
  8.  
  9. </style>
  10.  
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. <!--{block:ifInfiniteScrolling}-->
  17. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  18. <!-- {/block:ifInfiniteScrolling} -->
  19.  
  20. <meta name="text:2nd Link URL" content="">
  21. <meta name="text:2nd Link Title" content="link 2">
  22. <meta name="text:3rd Link URL" content="">
  23. <meta name="text:3rd Link Title" content="link 3">
  24. <meta name="text:4th Link URL" content="">
  25. <meta name="text:4th Link Title" content="link 4">
  26. <meta name="text:5th Link URL" content="">
  27. <meta name="text:5th Link Title" content="link 5">
  28. <meta name="text:6th Link URL" content="">
  29. <meta name="text:6th Link Title" content="link 6">
  30.  
  31. <meta name="color:Body Font" content="#606060" />
  32. <meta name="color:Background" content="#E1E1E1" />
  33. <meta name="color:Link" content="#FFFFFF" />
  34. <meta name="color:Hover Link" content="#D3D3D3" />
  35. <meta name="color:Header BG" content="#000000">
  36. <meta name="color:Header Title" content="#000000">
  37. <meta name="color:Top Links" content="#fc8b65">
  38. <meta name="color:Navigation Link" content="#C4D6E8" />
  39. <meta name="color:Hover Navigation Link" content="#FFFFFF" />
  40. <meta name="color:Hover Navigation Link Background" content="#C4D6E8" />
  41. <meta name="color:Header" content="#C4D6E8" />
  42. <meta name="color:Title" content="#FFFFFF" />
  43. <meta name="color:Description" content="#FFFFFF" />
  44. <meta name="color:Border" content="#FFFFFF" />
  45. <meta name="color:Date" content="#FFFFFF" />
  46. <meta name="color:Date BG" content="#000000" />
  47. <meta name="color:Tags" content="#FFFFFF" />
  48. <meta name="color:Sidebar Title" content="#C4D6E8" />
  49. <meta name="color:Sidebar Font" content="#FFFFFF" />
  50. <meta name="color:Sidebar Title BG" content="#FFFFFF" />
  51. <meta name="color:Sidebar Background" content="#E1E1E1" />
  52. <meta name="color:Post Background" content="#E1E1E1" />
  53. <meta name="color:Permalink" content="#C4D6E8" />
  54. <meta name="color:Extra Link Font" content="#D3D3D3" />
  55. <meta name="color:Extra Link Hover Font" content="#FFFFFF" />
  56. <meta name="color:Extra Link Background" content="#FFFFFF" />
  57. <meta name="color:Extra Link Hover Background" content="#C4D6E8" />
  58. <meta name="color:Scrollbar" content="#C4D6E8" />
  59.  
  60. <meta name="if:Description" content="1" />
  61. <meta name="if:Show Captions" content="1" />
  62. <meta name="if:Infinite Scrolling" content="0" />
  63.  
  64. <meta name="if:Box One" content="1" />
  65. <meta name="if:Box Two" content="1" />
  66. <meta name="if:Box Three" content="1" />
  67. <meta name="if:Box Four" content="1" />
  68. <meta name="if:Box Five" content="1" />
  69.  
  70. <meta name="if:Extra Link Box" content="1" />
  71. <meta name="if:Extra Link One" content="1" />
  72. <meta name="if:Extra Link Two" content="1" />
  73. <meta name="if:Extra Link Three" content="1" />
  74. <meta name="if:Extra Link Four" content="1" />
  75. <meta name="if:Extra Link Five" content="1" />
  76. <meta name="if:Extra Link Six" content="1" />
  77. <meta name="if:Extra Link Seven" content="1" />
  78. <meta name="if:Extra Link Eight" content="1" />
  79. <meta name="if:Extra Link Nine" content="1" />
  80. <meta name="if:Extra Link Ten" content="1" />
  81.  
  82. <meta name="if:Member Box" content="1" />
  83. <meta name="if:Member One" content="1" />
  84. <meta name="if:Member Two" content="1" />
  85. <meta name="if:Member Three" content="1" />
  86. <meta name="if:Member Four" content="1" />
  87. <meta name="if:Member Five" content="1" />
  88. <meta name="if:Member Six" content="1" />
  89.  
  90. <meta name="if:Site Info Box" content="1" />
  91. <meta name="if:Stat One" content="1" />
  92. <meta name="if:Stat Two" content="1" />
  93. <meta name="if:Stat Three" content="1" />
  94. <meta name="if:Stat Four" content="1" />
  95. <meta name="if:Stat Five" content="1" />
  96. <meta name="if:Stat Six" content="1" />
  97. <meta name="if:Stat Seven" content="1" />
  98. <meta name="if:Stat Eight" content="1" />
  99.  
  100. <meta name="image:Background" content="" />
  101. <meta name="image:Header" content="http://i.imgur.com/DZalRiM.png" />
  102. <meta name="image:Avatar" content="http://i.imgur.com/Yt2SQuP.png" />
  103. <meta name="image:Member One Avatar" content="http://i.imgur.com/iDXXF21.png" />
  104. <meta name="image:Member Two Avatar" content="http://i.imgur.com/iDXXF21.png" />
  105. <meta name="image:Member Three Avatar" content="http://i.imgur.com/iDXXF21.png" />
  106. <meta name="image:Member Four Avatar" content="http://i.imgur.com/iDXXF21.png" />
  107. <meta name="image:Member Five Avatar" content="http://i.imgur.com/iDXXF21.png" />
  108. <meta name="image:Member Six Avatar" content="http://i.imgur.com/iDXXF21.png" />
  109.  
  110.  
  111.  
  112. <meta name="text:Box One Title" content="Box One" />
  113. <meta name="text:Box One Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia. Cras ultrices quis." />
  114. <meta name="text:Box Two Title" content="Box Two" />
  115. <meta name="text:Box Two Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia. Cras ultrices quis." />
  116. <meta name="text:Box Three Title" content="Box Three" />
  117. <meta name="text:Box Three Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia. Cras ultrices quis." />
  118. <meta name="text:Box Four Title" content="Box Four" />
  119. <meta name="text:Box Four Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia. Cras ultrices quis." />
  120. <meta name="text:Box Five Title" content="Box Five" />
  121. <meta name="text:Box Five Content" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nibh ante, venenatis ac odio id, congue ornare lectus. Aenean ultrices fermentum gravida. Cras a tristique ligula, eu ullamcorper risus. Praesent accumsan orci faucibus magna scelerisque lacinia. Cras ultrices quis." />
  122.  
  123. <meta name="text:Extra Link One" content="Extra Link One" />
  124. <meta name="text:Extra Link One URL" content="Extra Link One URL" />
  125. <meta name="text:Extra Link Two" content="Extra Link Two" />
  126. <meta name="text:Extra Link Two URL" content="Extra Link Two URL" />
  127. <meta name="text:Extra Link Three" content="Extra Link Three" />
  128. <meta name="text:Extra Link Three URL" content="Extra Link Three URL" />
  129. <meta name="text:Extra Link Four" content="Extra Link Four" />
  130. <meta name="text:Extra Link Four URL" content="Extra Link Four URL" />
  131. <meta name="text:Extra Link Five" content="Extra Link Five" />
  132. <meta name="text:Extra Link Five URL" content="Extra Link Five URL" />
  133. <meta name="text:Extra Link Six" content="Extra Link Six" />
  134. <meta name="text:Extra Link Six URL" content="Extra Link Six URL" />
  135. <meta name="text:Extra Link Seven" content="Extra Link Seven" />
  136. <meta name="text:Extra Link Seven URL" content="Extra Link Seven URL" />
  137. <meta name="text:Extra Link Eight" content="Extra Link Eight" />
  138. <meta name="text:Extra Link Eight URL" content="Extra Link Eight URL" />
  139. <meta name="text:Extra Link Nine" content="Extra Link Nine" />
  140. <meta name="text:Extra Link Nine URL" content="Extra Link Nine URL" />
  141. <meta name="text:Extra Link Ten" content="Extra Link Ten" />
  142. <meta name="text:Extra Link Ten URL" content="Extra Link Ten URL" />
  143.  
  144. <meta name="text:Member One Name" content="Member One Name" />
  145. <meta name="text:Member One URL" content="Member One URL" />
  146. <meta name="text:Member One Link" content="http://tumblr.com" />
  147. <meta name="text:Member Two Name" content="Member Two Name" />
  148. <meta name="text:Member Two URL" content="Member Two URL" />
  149. <meta name="text:Member Two Link" content="http://tumblr.com" />
  150. <meta name="text:Member Three Name" content="Member Three Name" />
  151. <meta name="text:Member Three URL" content="Member Three URL" />
  152. <meta name="text:Member Three Link" content="http://tumblr.com" />
  153. <meta name="text:Member Four Name" content="Member Four Name" />
  154. <meta name="text:Member Four URL" content="Member Four URL" />
  155. <meta name="text:Member Four Link" content="http://tumblr.com" />
  156. <meta name="text:Member Five Name" content="Member Five Name" />
  157. <meta name="text:Member Five URL" content="Member Five URL" />
  158. <meta name="text:Member Five Link" content="http://tumblr.com" />
  159. <meta name="text:Member Six Name" content="Member Six Name" />
  160. <meta name="text:Member Six URL" content="Member Six URL" />
  161. <meta name="text:Member Six Link" content="http://tumblr.com" />
  162.  
  163. <meta name="text:Stat One" content="Stat One" />
  164. <meta name="text:Information One" content="Information One" />
  165. <meta name="text:Stat Two" content="Stat Two" />
  166. <meta name="text:Information Two" content="Information Two" />
  167. <meta name="text:Stat Three" content="Stat Three" />
  168. <meta name="text:Information Three" content="Information Three" />
  169. <meta name="text:Stat Four" content="Stat Four" />
  170. <meta name="text:Information Four" content="Information Four" />
  171. <meta name="text:Stat Five" content="Stat Five" />
  172. <meta name="text:Information Five" content="Information Five" />
  173. <meta name="text:Stat Six" content="Stat Six" />
  174. <meta name="text:Information Six" content="Information Six" />
  175. <meta name="text:Stat Seven" content="Stat Seven" />
  176. <meta name="text:Information Seven" content="Information Seven" />
  177. <meta name="text:Stat Eight" content="Stat Eight" />
  178. <meta name="text:Information Eight" content="Information Eight" />
  179.  
  180.  
  181. <style type="text/css">
  182.  
  183. @font-face {
  184. font-family: Italic;
  185. src: url(https://dl.dropboxusercontent.com/s/e2bd21qvywvrow4/linotype_didot_italic.ttf);
  186. }
  187.  
  188. body {
  189. margin: 0;
  190. padding: 0;
  191. height: 100%;
  192. width: 100%;
  193. background: url({image:Background}) {color:Background};
  194. font-family: Arial, sans-serif;
  195. font-size:11px;
  196. text-align:justify;
  197. word-wrap:break-word;
  198. color: {color:Body Font};
  199. line-height: 16px;
  200. -webkit-font-smoothing: antialiased;
  201. }
  202.  
  203. a {
  204. color: {color:Link};
  205. text-decoration: none;
  206. -webkit-transition: all 0.5s ease;
  207. -moz-transition: all 0.5s ease;
  208. transition: all 0.5s ease;
  209. }
  210.  
  211. a:hover {
  212. color: {color:Hover Link};
  213. -webkit-transition: all 0.5s ease;
  214. -moz-transition: all 0.5s ease;
  215. transition: all 0.5s ease;
  216. }
  217.  
  218. h1 {
  219. font-weight: bold;
  220. font-size: 22px;
  221. text-align: left;
  222. text-transform: uppercase;
  223. line-height: 1;
  224. }
  225.  
  226. blockquote, blockquote blockquote {
  227. border-left: 1.5px solid {color:Sidebar Title BG};
  228. padding-left: 10px;
  229. }
  230.  
  231. #sidebar {
  232. width: 300px;
  233. margin-left: 650px;
  234. margin-top: 18px;
  235. position: absolute;
  236. height: auto;
  237. }
  238.  
  239. #sidebar .title {
  240. font-family: 'Inherit', sans-serif;
  241. font-size: 20px;
  242. letter-spacing: -1px;
  243. text-transform: uppercase;
  244. font-weight: bold;
  245. width: 320px;
  246. background: {color:Sidebar Title BG};
  247. height: 50px;
  248. line-height: 50px;
  249. text-align: center;
  250. color: {color:Sidebar Title};
  251. }
  252.  
  253. #sidebar .content {
  254. width: 268px;
  255. padding: 25px;
  256. border: 1px solid {color:Border};
  257. color: {color:Sidebar Font};
  258. background: {color:Sidebar Background};
  259. letter-spacing: 0px;
  260. margin-bottom: 50px;
  261. font-size:11px;
  262. text-align: justify;
  263. }
  264.  
  265. #sidebar .ccontent {
  266. width: 268px;
  267. padding: 25px;
  268. line-height:25px;
  269. border: 1px solid {color:Border};
  270. color: {color:Sidebar Font};
  271. background: {color:Sidebar Background};
  272. letter-spacing: 0px;
  273. margin-bottom: 50px;
  274. font-size:11px;
  275. text-align: justify;
  276. }
  277.  
  278. #sidebar .ccontent b {color:{color:Text}; font-size:12px;
  279. padding: 20px; }
  280.  
  281. .projects {
  282. width: 268px;
  283. padding: 25px;
  284. border: 1px solid {color:Border};
  285. color: {color:Sidebar Font};
  286. background: {color:Sidebar Background};
  287. letter-spacing: 0px;
  288. margin-bottom: 50px;
  289. text-align: justify;
  290.  
  291. }
  292. .projects b {
  293. text-transform: uppercase; font-size: 8.5px; color: #a1a1a1;
  294. }
  295.  
  296. .projects b2 {
  297. text-transform: none; font-size: 8.5px; color: {color:text};
  298. }
  299.  
  300.  
  301. .projectsab { width: 95px; height: 80px; color:#fff; font-family: code; font-size: 17px; text-align: center; line-height: 110%; padding: 10px; padding-top: 30px; overflow: hidden; margin-top: 10px; background-color:{color:accent1}; text-shadow:1px 0px #3baac2; margin-left: -5px; margin-bottom: 10px;
  302.  
  303. }
  304.  
  305. #spacetext {
  306. width: 268px;
  307. display: block;
  308. height: 25px;
  309. font-size: 9px;
  310. line-height: 25px;
  311. text-align: center;
  312. text-transform: uppercase;
  313. color: {color:Extra Link Font};
  314. letter-spacing: 5px;
  315. margin-bottom: 5px;
  316. }
  317.  
  318. #links a {
  319. width: 268px;
  320. display: block;
  321. height: 25px;
  322. font-size: 9px;
  323. line-height: 25px;
  324. text-align: center;
  325. text-transform: uppercase;
  326. background: {color:Extra Link Background};
  327. border:1.5px solid {color:Sidebar Title BG};
  328. color: {color:Extra Link Font};
  329. letter-spacing: 2px;
  330. margin-bottom: 5px;
  331. }
  332.  
  333. #links a:hover {
  334. background: {color:Extra Link Hover Background};
  335. color: {color:Extra Link Hover Font};
  336. font-weight:bold;
  337. }
  338.  
  339. #members {
  340. font-size: 9px;
  341. text-transform: uppercase;
  342. }
  343.  
  344. #members img {
  345. border: 4px solid {color:Border};
  346. border-radius: 100%;
  347. width: 46px;
  348. height: 46px;
  349. margin-bottom: 5px;
  350. }
  351.  
  352. #members .name a {
  353. width: 150px;
  354. height: 15px;
  355. font-size: 9px;
  356. display: block;
  357. line-height: 15px;
  358. background: {color:Border};
  359. color: {color:Sidebar Title};
  360. margin-left: -7px;
  361. font-weight: bold;
  362. letter-spacing: 2px;
  363. padding-left: 6px;
  364. margin-bottom: 3px;
  365. }
  366.  
  367. #entries {
  368. right: 0%;
  369. margin: 0 auto;
  370. left: 0%;
  371. width: 950px;
  372. }
  373.  
  374. .post {
  375. width: 500px;
  376. margin-bottom: 60px;
  377. border: 1px solid {color:Border};
  378. background: {color:Post Background};
  379. padding: 30px 30px 0px 30px;
  380. }
  381.  
  382. .post a {
  383. color: {color:Link};
  384. }
  385.  
  386. .post img {
  387. max-width: 100%;
  388. -webkit-transition: all 0.5s ease;
  389. -moz-transition: all 0.5s ease;
  390. transition: all 0.5s ease;
  391. }
  392.  
  393. /* Post Link */}
  394.  
  395. .datenotes {
  396. text-transform:uppercase;
  397. margin-left:0px;
  398. font-weight:bold;
  399. font-size:18px;
  400.  
  401. }
  402.  
  403. .datenotes span {
  404. text-transform:uppercase;
  405. margin-left:10px;
  406. font-size:20px;
  407. font-weight:normal;
  408. }
  409.  
  410. .datenotes a {
  411. background:{color:Date BG};
  412. color:{color:Date};
  413. font-family: 'Inherit', sans-serif;
  414. font-size: 20px;
  415. text-transform:uppercase;
  416. font-weight:bold;
  417. padding:9px 10px 10px 10px;
  418.  
  419. }
  420.  
  421. #likeblog {
  422. position:absolute;
  423. margin-left:345px;
  424. margin-top:-52px;
  425. width:80px;
  426. opacity:.7;
  427. height:40px;
  428.  
  429. }
  430.  
  431. #likeblog img {
  432. width:25px;
  433. margin-left:130px;
  434. margin-top:25px;
  435. padding:3px 4px 3px 3px;
  436.  
  437. }
  438.  
  439. .likebut {
  440. position:absolute;
  441. margin-top:30px;
  442. margin-left:120px;
  443.  
  444. }
  445.  
  446.  
  447.  
  448. #permalink {
  449. width: 500px;
  450. padding: 15px;
  451. text-align: center;
  452. background: {color:Border};
  453. color: {color:Permalink};
  454. margin-top: 30px;
  455. font-size: 20px;
  456. letter-spacing: -2px;
  457. font-weight: bold;
  458. text-transform: uppercase;
  459. margin-left: 0px;
  460. }
  461.  
  462. #permalink a, #tag a {
  463. color: {color:Permalink};
  464. }
  465.  
  466. .tags {
  467. padding-top: 6px;
  468. letter-spacing: 1px;
  469. margin-top: 0px;
  470. margin-bottom: 10px;
  471. text-transform: uppercase;
  472. font-size: 7px;
  473. line-height:200%;
  474. }
  475.  
  476. .border5 {
  477. border-top:1px solid {color:Sidebar Title BG};
  478. padding:10px;
  479. margin-top:20px;
  480. }
  481.  
  482. .quote {
  483. font-size: 22px;
  484. text-transform: lowercase;
  485. font-style: italic;
  486. letter-spacing: -2px;
  487. }
  488.  
  489. .audio {
  490. padding: 0;
  491. }
  492.  
  493. .audio_container {
  494. overflow: hidden;
  495. position: relative;
  496. width: 100px;
  497. }
  498.  
  499. .soundcloud_audio_player {
  500. width: 100%;
  501. }
  502.  
  503. .tumblr_audio_player {
  504. width: 100%;
  505. }
  506.  
  507. #ask {
  508. width: 450px;
  509. background: {color:Border};
  510. text-align: justify;
  511. padding: 15px 30px 15px 20px;
  512. }
  513.  
  514. #ask a {
  515. color: {color:Permalink};
  516. }
  517.  
  518. ol.notes {
  519. padding: 0px;
  520. padding-left: 30px;
  521. margin: 20px 0px;
  522. list-style-type: none;
  523. }
  524.  
  525. ol.notes li.note {
  526. padding: 10px;
  527. }
  528.  
  529. ol.notes li.note img.avatar {
  530. vertical-align: -4px;
  531. margin-right: 10px;
  532. width: 16px;
  533. height: 16px;
  534. }
  535.  
  536. ol.notes li.note .answer_content {
  537. font-weight: normal;
  538. }
  539.  
  540. ol.notes li.note blockquote {
  541. border-color: #eee;
  542. padding: 4px 10px;
  543. margin: 10px 0px 0px 25px;
  544. }
  545.  
  546. ol.notes li.note blockquote a {
  547. text-decoration: none;
  548. }
  549.  
  550. #pagination {
  551. padding-top: 50px;
  552. padding-bottom: 140px;
  553. font-weight: bold;
  554. font-size: 16px;
  555. color: {color:Border};
  556. width: 560px;
  557. text-align: center;
  558. text-transform: uppercase;
  559. }
  560.  
  561. #pagination a {
  562. padding: 10px;
  563. border: 1px solid {color:Border};
  564. color: {color:Sidebar Title};
  565. }
  566.  
  567. #pagination a:hover {
  568. background: {color:Border};
  569. color: {color:Sidebar Title};
  570. }
  571.  
  572. .current_page {
  573. padding: 10px;
  574. background: {color:transparent};
  575. color: {color:Sidebar Title};
  576.  
  577. }
  578.  
  579. ::-webkit-scrollbar {
  580. height: 10px;
  581. width: 5px;
  582. background: white;
  583. }
  584.  
  585. ::-webkit-scrollbar-thumb:vertical {
  586. background: {color:Scrollbar};
  587. }
  588.  
  589.  
  590. .caption {
  591. padding-top: 10px;
  592. }
  593.  
  594. /* TOPLINK */
  595. .btitle {font-size:38px; font-family:'Verdana'; color:{color:Toplinks}; font-weight:bold; text-transform:uppercase; text-align:center; letter-spacing: -5.5px; padding:0px 0px 0px 0px;}
  596. .btitle a {margin:0px 25px 00px 10px; padding:0px; display:inline-block; vertical-align:middle; font-size:45px; color:{color:Top Links}; text-transform:uppercase; line-height:12px; border-bottom:0px solid {color:transparent};} .btitle a:hover { font-style: italic; color:{color:Toplinks}; opacity: 1; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
  597.  
  598. #wrapper {
  599. padding-left: 0px;
  600. margin: 0 auto;
  601. left: 0%;
  602. right: 0%;
  603. position: absolute;
  604. background: url({image:Header});
  605. background-position:0% 35%; background-size:cover; background-repeat: no-repeat; left:0%; top:0%; height:600px; width:100%;
  606. }
  607.  
  608. /* Search box */
  609.  
  610. .searchy {
  611. position:center;
  612. margin-top:-10px;
  613. margin-left:5px;
  614.  
  615. }
  616.  
  617. .sfm input {
  618. background:#fff;
  619. font-size:9px;
  620. height:10px;
  621. width:200px;
  622. border: 0px;
  623. padding:5px 5px 5px 5px;
  624. text-transform: uppercase;
  625. margin-top:0px;
  626. outline:none;
  627. margin-left:0px;
  628. border:1px solid #eee;
  629. color:#888;
  630. letter-spacing:1px;
  631. font-family: calibri, helvetica, helvetica;
  632.  
  633. }
  634.  
  635. #sb {
  636. width:10px;
  637. background:#fff;
  638. border:1px solid #eee;
  639. margin-top:0px;
  640. opacity:1;
  641. vertical-align: top;
  642. border:none;
  643.  
  644. }
  645.  
  646. #topBar
  647. {
  648. width: 100%;
  649. background: {color:transparent};
  650. height: 40px;
  651. margin-top:549px;
  652. line-height: 40px;
  653. text-align: center;
  654. color: #000;
  655. font-family: Helvetica;
  656. border-bottom: 0px solid {color:Border};
  657. letter-spacing: -1px;
  658. font-size: 18px;
  659. font-weight: bold;
  660. position: absolute;
  661. z-index: 1;
  662. }
  663.  
  664.  
  665. </style>
  666. </head>
  667. <body>
  668.  
  669. <div id="wrapper">
  670. <div id="topBar">
  671. <div class="btitle"><a href="/">01¦home</a>&nbsp; <a href="{text:2nd Link URL}">{text:2nd Link Title}</a>&nbsp; <a href="{text:3rd Link URL}">{text:3rd Link Title}</a>&nbsp; <a href="{text:4th Link URL}">{text:4th Link Title}</a> <a href="{text:5th Link URL}">{text:5th Link Title}</a>
  672. </div>
  673. </div>
  674. </div>
  675. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  676.  
  677. <div id="entries">
  678.  
  679. <div id="sidebar">
  680.  
  681. {block:ifBoxOne}
  682. <div class="title">{text:Box One Title}</div>
  683. <div class="content"> {text:Box One Content}
  684. <br><br><br>
  685. <center><div class="searchy">
  686. <form action="/search" method="get" class="sfm">
  687. <input type="text" name="q" value="" id="sf"/>
  688. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  689. </form>
  690. </div></center>
  691. </div>
  692. {/block:ifBoxOne}
  693.  
  694. {block:ifBoxTwo}
  695. <div class="title">{text:Box Two Title}</div>
  696. <div class="content"> {text:Box Two Content} </div>
  697. {/block:ifBoxTwo}
  698.  
  699. <div class="title">RECENT PROJECT</div>
  700. <div class="projects" style="min-height: 90px;">
  701. <table><td width="150px;" style="padding-right:0px; padding-left: 0px;">
  702. <img src="http://placehold.it/120x120" style="padding: 3px; margin: 2px; border-radius: 100px; border: 1px solid {color:sidebar Title BG};"> </a></td>
  703. <td style="padding-left: 0px;" valign="center">
  704. <b>Title:</b><b2> We Broke Up</b2><br>
  705. <b>Role:</b><b2> Seo Hyun Woo </b2><br>
  706. <b>Year:</b><b2> June 2015 </b2><br>
  707. <b>Status:</b><b2> Pre-production </b2>
  708. <p><a href="/tagged/">TAG </a>// <a href="http://">WATCH</a>
  709. </td></table>
  710. </div>
  711.  
  712. {block:ifBoxThree}
  713. <div class="title">{text:Box Three Title}</div>
  714. <div class="ccontent"> {text:Box Three Content} </div>
  715. {/block:ifBoxThree}
  716.  
  717. {block:ifBoxFour}
  718. <div class="title">{text:Box Four Title}</div>
  719. <div class="content"> {text:Box Four Content} </div>
  720. {/block:ifBoxFour}
  721.  
  722. {block:ifExtraLinkBox}
  723. <div class="title">Fashion Week</div>
  724. <div class="content"><center><div id="links">
  725. <B>DAY I</B>
  726. <br>
  727. <a href="http://jjangkiyong.tumblr.com/tagged/songzio">SONGZIO</a>
  728. <a href="http://jjangkiyong.tumblr.com/tagged/munsoo-kwon">MUNSOO KWON</a>
  729. <a href="http://jjangkiyong.tumblr.com/tagged/vanhart-di-albazar">VANHART DI ALBAZAR</a>
  730. <a href="http://jjangkiyong.tumblr.com/tagged/beyond-closet">BEYOND CLOSET</a><br><br>
  731.  
  732. <B>DAY II</B>
  733. <a href="http://jjangkiyong.tumblr.com/tagged/caruso">CARUSO</a>
  734. <a href="http://jjangkiyong.tumblr.com/tagged/resurrection">RESURRECTION</a>
  735. <a href="http://jjangkiyong.tumblr.com/tagged/the-studio-k">THE STUDIO K</a>
  736. <a href="http://jjangkiyong.tumblr.com/tagged/j-koo">J KOO</a>
  737. <a href="http://jjangkiyong.tumblr.com/tagged/supercomma-b">SUPERCOMMA B</a><br><br>
  738.  
  739. <B>DAY III</B>
  740. <a href="http://jjangkiyong.tumblr.com/tagged/kwak-hyun-joo">KWAK HYUN JOO</a><br><br>
  741.  
  742. <B>DAY IV</B>
  743. <a href="http://jjangkiyong.tumblr.com/tagged/metrocity">METROCITY</a>
  744. <br><br>
  745. <B>DAY IV</B>
  746. <a href="http://jjangkiyong.tumblr.com/tagged/mag&logan">MAG&LOGAN</a>
  747. </div></center></div>
  748. {/block:ifExtraLinkBox}
  749.  
  750. {block:ifBoxFive}
  751. <div class="title">{text:Box Five Title}</div>
  752. <div class="content"> {text:Box Five Content} </div>
  753. {/block:ifBoxFive}
  754.  
  755. {block:ifExtraLinkBox}
  756. <div class="title">EXPLORE</div>
  757. <div class="content"><center><div id="links">
  758.  
  759. {block:ifExtraLinkOne}
  760. <a href="{text:Extra Link One URL}">{text:Extra Link One}</a>
  761. {/block:ifExtraLinkOne}
  762.  
  763. {block:ifExtraLinkTwo}
  764. <a href="{text:Extra Link Two URL}">{text:Extra Link Two}</a>
  765. {/block:ifExtraLinkTwo}
  766.  
  767. {block:ifExtraLinkThree}
  768. <a href="{text:Extra Link Three URL}">{text:Extra Link Three}</a>
  769. {/block:ifExtraLinkThree}
  770.  
  771. {block:ifExtraLinkFour}
  772. <a href="{text:Extra Link Four URL}">{text:Extra Link Four}</a>
  773. {/block:ifExtraLinkFour}
  774.  
  775. {block:ifExtraLinkFive}
  776. <a href="{text:Extra Link Five URL}">{text:Extra Link Five}</a>
  777. {/block:ifExtraLinkFive}
  778.  
  779. {block:ifExtraLinkSix}
  780. <a href="{text:Extra Link Six URL}">{text:Extra Link Six}</a>
  781. {/block:ifExtraLinkSix}
  782.  
  783. {block:ifExtraLinkSeven}
  784. <a href="{text:Extra Link Seven URL}">{text:Extra Link Seven}</a>
  785. {/block:ifExtraLinkSeven}
  786.  
  787. {block:ifExtraLinkEight}
  788. <a href="{text:Extra Link Eight URL}">{text:Extra Link Eight}</a>
  789. {/block:ifExtraLinkEight}
  790.  
  791. {block:ifExtraLinkNine}
  792. <a href="{text:Extra Link Nine URL}">{text:Extra Link Nine}</a>
  793. {/block:ifExtraLinkNine}
  794.  
  795. {block:ifExtraLinkTen}
  796. <a href="{text:Extra Link Two URL}">{text:Extra Link Ten}</a>
  797. {/block:ifExtraLinkTen}
  798.  
  799. </div></center></div>
  800. {/block:ifExtraLinkBox}
  801.  
  802. {block:ifMemberBox}
  803. <div class="title">Members</div>
  804. <div class="content">
  805. <table id="members">
  806.  
  807. {block:ifMemberOne}
  808. <tr><td>
  809. <img src="{image:Member One Avatar}"></td>
  810. <td><div class="name"><a href="{text:Member One Link}">{text:Member One Name}</a></div>
  811. {text:Member One URL}
  812. </td></tr>
  813. {/block:ifMemberOne}
  814.  
  815. {block:ifMemberTwo}
  816. <tr><td>
  817. <img src="{image:Member Two Avatar}"></td>
  818. <td><div class="name"><a href="{text:Member Two Link}">{text:Member Two Name}</a></div>
  819. {text:Member Two URL}
  820. </td></tr>
  821. {/block:ifMemberTwo}
  822.  
  823. {block:ifMemberThree}
  824. <tr><td>
  825. <img src="{image:Member Three Avatar}"></td>
  826. <td><div class="name"><a href="{text:Member Three Link}">{text:Member Three Name}</a></div>
  827. {text:Member Three URL}
  828. </td></tr>
  829. {/block:ifMemberThree}
  830.  
  831. {block:ifMemberFour}
  832. <tr><td>
  833. <img src="{image:Member Four Avatar}"></td>
  834. <td><div class="name"><a href="{text:Member Four Link}">{text:Member Four Name}</a></div>
  835. {text:Member Four URL}
  836. </td></tr>
  837. {/block:ifMemberFour}
  838.  
  839. {block:ifMemberFive}
  840. <tr><td>
  841. <img src="{image:Member Five Avatar}"></td>
  842. <td><div class="name"><a href="{text:Member Five Link}">{text:Member Five Name}</a></div>
  843. {text:Member Five URL}
  844. </td></tr>
  845. {/block:ifMemberFive}
  846.  
  847. {block:ifMemberSix}
  848. <tr><td>
  849. <img src="{image:Member Six Avatar}"></td>
  850. <td><div class="name"><a href="{text:Member Six Link}">{text:Member Six Name}</a></div>
  851. {text:Member Six URL}
  852. </td></tr>
  853. {/block:ifMemberSix}
  854.  
  855. </table>
  856. </div>
  857. {/block:ifMemberBox}
  858.  
  859. <div class="title">CONTACT US</div>
  860. <div class="content"> <div id="spacetext">[email protected]
  861.  
  862. </div></div>
  863.  
  864.  
  865. {block:ifSiteInfoBox}
  866. <div class="title">STATS</div>
  867. <div class="content">
  868.  
  869. {block:ifStatOne}
  870. {text:Information One}<br />{/block:ifStatOne}<br>
  871. {block:ifStatTwo}<b>{text:Stat Two}:</b>
  872. {text:Information Two}<br />{/block:ifStatTwo}
  873. {block:ifStatThree}<b>{text:Stat Three}:</b>
  874. {text:Information Three}<br />{/block:ifStatThree}
  875. {block:ifStatFour}<b>{text:Stat Four}:</b>
  876. {text:Information Four}<br />{/block:ifStatFour}
  877. {block:ifStatFive}<b>{text:Stat Five}:</b>
  878. {text:Information Five}<br />{/block:ifStatFive}
  879. {block:ifStatSix}<b>{text:Stat Six}:</b>
  880. {text:Information Six}<br />{/block:ifStatSix}
  881. {block:ifStatSeven}<b>{text:Stat Seven}:</b>
  882. {text:Information Seven}<br />{/block:ifStatSeven}
  883. {block:ifStatEight}<b>{text:Stat Eight}:</b>
  884. {text:Information Eight}<br />{/block:ifStatEight}
  885.  
  886. </div>
  887. {/block:ifSiteInfoBox}
  888.  
  889. </div>
  890.  
  891. <div class=""autopagerize_page_element" style="margin-top: -20px;">
  892. {block:Posts}
  893.  
  894. <div class="post">
  895.  
  896. <div class="datenotes">
  897. {block:Date}
  898. <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>
  899. {/block:Date}
  900. <span>{NoteCountWithLabel}</span>
  901.  
  902. </div>
  903.  
  904. <div id="likeblog">
  905. <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/tlf9lc4/FIFlu1omm/reblog.png"/></a>
  906. </div>
  907. <br>
  908. {block:Text}
  909. <h1>{block:Title}{Title}{/block:Title}</h1>
  910. {Body}
  911. {/block:Text}
  912.  
  913. {block:Photo}
  914. {LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}
  915. {block:IfShowCaptions}
  916. {block:Caption} <div class="caption">{Caption}</div>{/block:Caption}
  917. {/block:IfShowCaptions}
  918. {/block:Photo}
  919.  
  920. {block:Photoset}
  921. {Photoset-500}
  922. {block:IfShowCaptions}
  923. {block:Caption}{Caption}{/block:Caption}
  924. {/block:IfShowCaptions}
  925. {/block:Photoset}
  926.  
  927. {block:Quote}
  928. <div class="quote">
  929. {Quote}
  930. {block:Source} &#8212;{Source}{/block:Source}
  931. </div>
  932. {/block:Quote}
  933.  
  934. {block:Link}
  935. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  936. {block:Description}{Description}{/block:Description}
  937. {/block:Link}
  938.  
  939. {block:Chat}
  940. {block:Title}<h1>{Title}</h1>{/block:Title}
  941. {block:Lines}
  942. {block:Label}<b>{Label}</b>{/block:Label}
  943. {Line}<br />
  944. {/block:Lines}
  945. {/block:Chat}
  946.  
  947. {block:Audio}
  948. <div class="audioContainer">
  949. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  950. </div>
  951. {block:IfShowCaptions}
  952. {block:Caption}{Caption}{/block:Caption}
  953. {/block:IfShowCaptions}
  954. {/block:Audio}
  955.  
  956. {block:Video}
  957. {Video-500}
  958. {block:IfShowCaptions}
  959. {block:Caption}{Caption}{/block:Caption}
  960. {/block:IfShowCaptions}
  961. {/block:Video}
  962.  
  963. {block:ReblogParent}
  964. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  965. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  966. {/block:SourceLogo}
  967. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  968. {/block:ReblogParent}
  969.  
  970. {block:Answer}
  971. <div id="ask">
  972. <img src="{AskerPortraitURL-48}" style="margin: 7px 10px 5px 0px; float: left; border-radius: 100%;">
  973. <div style="font-size: 11px; font-weight: bold;">
  974. <span style="text-transform: uppercase; font-weight: bold; letter-spacing: 2px;">{Asker}:</span></div>
  975. {Question}
  976. </div>
  977. {Answer}
  978. {/block:Answer}
  979.  
  980. {block:HasTags}<center><table><td><div class="border5" style="width: 70px;">
  981. </div></td>
  982. <td><div class="tags" style="margin-left: 10px; margin-right: 10px;">
  983. {block:Tags}<a href="{TagURL}" style="font-style:italic; font-size: 8px; font-weight: bold; color: {color:tags}">{Tag} &nbsp; &nbsp;</a>{/block:Tags}</div></td>
  984. <td><div class="border5" style="width: 70px;">
  985. </div></td></table></center>
  986.  
  987. {/block:HasTags}
  988.  
  989. {block:PermalinkPage}
  990. {block:RebloggedFrom}<div style="text-align:center;text-transform: uppercase; font-size: 15px; letter-spacing: 1px;">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  991. {/block:PermalinkPage}
  992.  
  993.  
  994.  
  995. {block:PostNotes}{PostNotes}{/block:PostNotes}
  996. </div>
  997. {/block:Posts}
  998.  
  999. {block:IfNotInfiniteScrolling}
  1000. {block:Pagination}
  1001. <div id="pagination">
  1002.  
  1003. {block:PreviousPage}
  1004. <a href="{PreviousPage}" class="jump_page">Forth</a>
  1005. {/block:PreviousPage}
  1006.  
  1007. {block:JumpPagination length="4"}
  1008. {block:CurrentPage}
  1009. <span class="current_page">{PageNumber}</span>
  1010. {/block:CurrentPage}
  1011.  
  1012. {block:JumpPage}
  1013. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1014. {/block:JumpPage}
  1015. {/block:JumpPagination}
  1016.  
  1017. {block:NextPage}
  1018. <a href="{NextPage}" class="jump_page">Next</a>
  1019. {/block:NextPage}
  1020.  
  1021. </div>
  1022. {/block:Pagination}
  1023. {/block:IfNotInfiniteScrolling}
  1024.  
  1025. </div>
  1026.  
  1027. </div>
  1028. </div>
  1029.  
  1030. </div>
  1031.  
  1032. </body>
  1033.  
  1034. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!