API tools faq
paste
Advertisement
vya

new thm. almot done

vya
Jul 1st, 2015
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.60 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.  
  5.  
  6. ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!
  7.  
  8. ___ ___ ___ ___ ___ ___ __ __
  9. / __|/ _ \ | \ | __|/ __| | _ )\ \ / /
  10. | (__| (_) || |) || _| \__ \ | _ \ \ V /
  11. \___|\___/ |___/ |___||___/ |___/ |_|
  12. ___ ___ _ _ ___ ___ ___ ___
  13. | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
  14. | _/| (_) || __ || /| (_) || /| (_) |
  15. |_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
  16.  
  17.  
  18. ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪
  19.  
  20.  
  21. -->
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <!--{block:ifInfiniteScrolling}-->
  32. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  33. <!-- {/block:ifInfiniteScrolling} -->
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
  36.  
  37. <meta name="color:Body Font" content="#606060" />
  38. <meta name="color:Background" content="#E1E1E1" />
  39. <meta name="color:Link" content="#FFFFFF" />
  40. <meta name="color:Hover Link" content="#D3D3D3" />
  41. <meta name="color:Top Bar" content="#FFFFFF" />
  42. <meta name="color:Navigation Link" content="#C4D6E8" />
  43. <meta name="color:Hover Navigation Link" content="#FFFFFF" />
  44. <meta name="color:Hover Navigation Link Background" content="#C4D6E8" />
  45. <meta name="color:Header" content="#C4D6E8" />
  46. <meta name="color:Title" content="#FFFFFF" />
  47. <meta name="color:Description" content="#FFFFFF" />
  48. <meta name="color:Border" content="#FFFFFF" />
  49. <meta name="color:Sidebar Title" content="#C4D6E8" />
  50. <meta name="color:Sidebar Font" 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. <meta name="if:Custom Link Four" content="1" />
  64. <meta name="if:Custom Link Five" content="1" />
  65. <meta name="if:Custom Link Six" content="1" />
  66. <meta name="if:Custom Link Seven" content="1" />
  67. <meta name="if:Custom Link Eight" content="1" />
  68.  
  69. <meta name="if:Box One" content="1" />
  70. <meta name="if:Box Two" content="1" />
  71. <meta name="if:Box Three" content="1" />
  72. <meta name="if:Box Four" content="1" />
  73. <meta name="if:Box Five" content="1" />
  74.  
  75. <meta name="if:Extra Link Box" content="1" />
  76. <meta name="if:Extra Link One" content="1" />
  77. <meta name="if:Extra Link Two" content="1" />
  78. <meta name="if:Extra Link Three" content="1" />
  79. <meta name="if:Extra Link Four" content="1" />
  80. <meta name="if:Extra Link Five" content="1" />
  81. <meta name="if:Extra Link Six" content="1" />
  82. <meta name="if:Extra Link Seven" content="1" />
  83. <meta name="if:Extra Link Eight" content="1" />
  84. <meta name="if:Extra Link Nine" content="1" />
  85. <meta name="if:Extra Link Ten" content="1" />
  86.  
  87. <meta name="if:Member Box" content="1" />
  88. <meta name="if:Member One" content="1" />
  89. <meta name="if:Member Two" content="1" />
  90. <meta name="if:Member Three" content="1" />
  91. <meta name="if:Member Four" content="1" />
  92. <meta name="if:Member Five" content="1" />
  93. <meta name="if:Member Six" content="1" />
  94.  
  95. <meta name="if:Site Info Box" content="1" />
  96. <meta name="if:Stat One" content="1" />
  97. <meta name="if:Stat Two" content="1" />
  98. <meta name="if:Stat Three" content="1" />
  99. <meta name="if:Stat Four" content="1" />
  100. <meta name="if:Stat Five" content="1" />
  101. <meta name="if:Stat Six" content="1" />
  102. <meta name="if:Stat Seven" content="1" />
  103. <meta name="if:Stat Eight" content="1" />
  104.  
  105. <meta name="image:Background" content="" />
  106. <meta name="image:Header" content="http://i.imgur.com/DZalRiM.png" />
  107. <meta name="image:Avatar" content="http://i.imgur.com/Yt2SQuP.png" />
  108. <meta name="image:Member One Avatar" content="http://i.imgur.com/iDXXF21.png" />
  109. <meta name="image:Member Two Avatar" content="http://i.imgur.com/iDXXF21.png" />
  110. <meta name="image:Member Three Avatar" content="http://i.imgur.com/iDXXF21.png" />
  111. <meta name="image:Member Four Avatar" content="http://i.imgur.com/iDXXF21.png" />
  112. <meta name="image:Member Five Avatar" content="http://i.imgur.com/iDXXF21.png" />
  113. <meta name="image:Member Six Avatar" content="http://i.imgur.com/iDXXF21.png" />
  114.  
  115. <meta name="text:Title" content="Starlight" />
  116. <meta name="text:Body Font Size" content="11px" />
  117. <meta name="text:Title Font Size" content="90px" />
  118.  
  119. <meta name="text:Link One" content="Index" />
  120. <meta name="text:Link One URL" content="/" />
  121. <meta name="text:Link Two" content="Message" />
  122. <meta name="text:Link Two URL" content="/ask" />
  123. <meta name="text:Link Three" content="Archive" />
  124. <meta name="text:Link Three URL" content="/archive" />
  125. <meta name="text:Link Four" content="Link Four" />
  126. <meta name="text:Link Four URL" content="Link Four URL" />
  127. <meta name="text:Link Five" content="Link Five" />
  128. <meta name="text:Link Five URL" content="Link Five URL" />
  129. <meta name="text:Link Six" content="Link Six" />
  130. <meta name="text:Link Six URL" content="Link Six URL" />
  131. <meta name="text:Link Seven" content="Link Seven" />
  132. <meta name="text:Link Seven URL" content="Link Seven URL" />
  133. <meta name="text:Link Eight" content="Link Eight" />
  134. <meta name="text:Link Eight URL" content="Link Eight URL" />
  135.  
  136. <meta name="text:Box One Title" content="Box One" />
  137. <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." />
  138. <meta name="text:Box Two Title" content="Box Two" />
  139. <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." />
  140. <meta name="text:Box Three Title" content="Box Three" />
  141. <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." />
  142. <meta name="text:Box Four Title" content="Box Four" />
  143. <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." />
  144. <meta name="text:Box Five Title" content="Box Five" />
  145. <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." />
  146.  
  147. <meta name="text:Extra Link One" content="Extra Link One" />
  148. <meta name="text:Extra Link One URL" content="Extra Link One URL" />
  149. <meta name="text:Extra Link Two" content="Extra Link Two" />
  150. <meta name="text:Extra Link Two URL" content="Extra Link Two URL" />
  151. <meta name="text:Extra Link Three" content="Extra Link Three" />
  152. <meta name="text:Extra Link Three URL" content="Extra Link Three URL" />
  153. <meta name="text:Extra Link Four" content="Extra Link Four" />
  154. <meta name="text:Extra Link Four URL" content="Extra Link Four URL" />
  155. <meta name="text:Extra Link Five" content="Extra Link Five" />
  156. <meta name="text:Extra Link Five URL" content="Extra Link Five URL" />
  157. <meta name="text:Extra Link Six" content="Extra Link Six" />
  158. <meta name="text:Extra Link Six URL" content="Extra Link Six URL" />
  159. <meta name="text:Extra Link Seven" content="Extra Link Seven" />
  160. <meta name="text:Extra Link Seven URL" content="Extra Link Seven URL" />
  161. <meta name="text:Extra Link Eight" content="Extra Link Eight" />
  162. <meta name="text:Extra Link Eight URL" content="Extra Link Eight URL" />
  163. <meta name="text:Extra Link Nine" content="Extra Link Nine" />
  164. <meta name="text:Extra Link Nine URL" content="Extra Link Nine URL" />
  165. <meta name="text:Extra Link Ten" content="Extra Link Ten" />
  166. <meta name="text:Extra Link Ten URL" content="Extra Link Ten URL" />
  167.  
  168. <meta name="text:Member One Name" content="Member One Name" />
  169. <meta name="text:Member One URL" content="Member One URL" />
  170. <meta name="text:Member One Link" content="http://tumblr.com" />
  171. <meta name="text:Member Two Name" content="Member Two Name" />
  172. <meta name="text:Member Two URL" content="Member Two URL" />
  173. <meta name="text:Member Two Link" content="http://tumblr.com" />
  174. <meta name="text:Member Three Name" content="Member Three Name" />
  175. <meta name="text:Member Three URL" content="Member Three URL" />
  176. <meta name="text:Member Three Link" content="http://tumblr.com" />
  177. <meta name="text:Member Four Name" content="Member Four Name" />
  178. <meta name="text:Member Four URL" content="Member Four URL" />
  179. <meta name="text:Member Four Link" content="http://tumblr.com" />
  180. <meta name="text:Member Five Name" content="Member Five Name" />
  181. <meta name="text:Member Five URL" content="Member Five URL" />
  182. <meta name="text:Member Five Link" content="http://tumblr.com" />
  183. <meta name="text:Member Six Name" content="Member Six Name" />
  184. <meta name="text:Member Six URL" content="Member Six URL" />
  185. <meta name="text:Member Six Link" content="http://tumblr.com" />
  186.  
  187. <meta name="text:Stat One" content="Stat One" />
  188. <meta name="text:Information One" content="Information One" />
  189. <meta name="text:Stat Two" content="Stat Two" />
  190. <meta name="text:Information Two" content="Information Two" />
  191. <meta name="text:Stat Three" content="Stat Three" />
  192. <meta name="text:Information Three" content="Information Three" />
  193. <meta name="text:Stat Four" content="Stat Four" />
  194. <meta name="text:Information Four" content="Information Four" />
  195. <meta name="text:Stat Five" content="Stat Five" />
  196. <meta name="text:Information Five" content="Information Five" />
  197. <meta name="text:Stat Six" content="Stat Six" />
  198. <meta name="text:Information Six" content="Information Six" />
  199. <meta name="text:Stat Seven" content="Stat Seven" />
  200. <meta name="text:Information Seven" content="Information Seven" />
  201. <meta name="text:Stat Eight" content="Stat Eight" />
  202. <meta name="text:Information Eight" content="Information Eight" />
  203.  
  204.  
  205. <style type="text/css">
  206.  
  207. @font-face {
  208. font-family: Italic;
  209. src: url(https://dl.dropboxusercontent.com/s/e2bd21qvywvrow4/linotype_didot_italic.ttf);
  210. }
  211.  
  212. body {
  213. margin: 0;
  214. padding: 0;
  215. height: 100%;
  216. width: 100%;
  217. background: url({image:Background}) {color:Background};
  218. font-family: Roboto;
  219. color: {color:Body Font};
  220. font-size: 11px;
  221. line-height: 16px;
  222. }
  223.  
  224. a {
  225. color: {color:Link};
  226. text-decoration: none;
  227. -webkit-transition: all 0.5s ease;
  228. -moz-transition: all 0.5s ease;
  229. transition: all 0.5s ease;
  230. }
  231.  
  232. a:hover {
  233. color: {color:Hover Link};
  234. -webkit-transition: all 0.5s ease;
  235. -moz-transition: all 0.5s ease;
  236. transition: all 0.5s ease;
  237. }
  238.  
  239. h1 {
  240. font-weight: bold;
  241. font-size: 16px;
  242. text-align: center;
  243. text-transform: uppercase;
  244. }
  245.  
  246. blockquote, blockquote blockquote {
  247. border-left: 1.5px solid {color:Border};
  248. padding-left: 10px;
  249. }
  250.  
  251. #header {
  252. width: 100%;
  253. height: 100%;
  254. background: url({image:Header}); background-size:cover; background-repeat: no-repeat;
  255. position:absolute;
  256. left:0%; top:0%;
  257.  
  258. }
  259.  
  260. /*info*/
  261. #info {position:relative; padding:20px; float:center; margin:0 auto; margin-top:900px; z-index:900; right: 0%; left: 0%; width:1000px;}
  262. }
  263.  
  264.  
  265. .intro {
  266. width:0px;
  267. height:0px;
  268. bottom:0%;
  269. left: 0%;
  270. right: 0%;
  271. margin: 0 auto;
  272. position:absolute;
  273. z-index:99999999;
  274. background: transparent;
  275. animation: fadein 2s;
  276. -moz-animation: fadein 2s;
  277. -webkit-animation: fadein 2s;
  278.  
  279. }
  280.  
  281. .welcome {
  282. width:910px;
  283. height:70px;
  284. padding:60px 50px 30px 50px;
  285. background-image:url('http://static.tumblr.com/9svpram/WUNnqrc4t/untitled-1.jpg') ;
  286. color:#e7e7e7;
  287. font:300 12px 'Lato', Arial, sans-serif;
  288. letter-spacing: 1px;
  289. line-height: 18px;
  290. text-transform:uppercase;
  291. text-align:justify;
  292. margin-left:0px;}
  293.  
  294. .welcome h1 {
  295. font-size:18px;
  296. color:#fff;
  297. line-height:20px;
  298. text-transform:uppercase;
  299. font-family: 'PT sans 27px', serif;
  300. border-bottom: 0px solid #fff;}
  301.  
  302. .welcome a {color:#e14d43;}
  303.  
  304. .project {
  305. width:900px;
  306. height:170px;
  307. margin-left:0px;
  308. padding:26px 60px 60px 50px;
  309. background-image:url('http://static.tumblr.com/9svpram/49onqrc97/untitled-2.jpg') ;
  310. font:300 12px 'Lato', Arial, sans-serif;
  311. letter-spacing: 1px;
  312. line-height: 16px;
  313. color:#ebebeb;}
  314.  
  315. .project h1 {
  316. font-size:15px;
  317. font-family: 'Inherit', sans-serif;
  318. line-height:30px;
  319. letter-spacing: 1px;
  320. color:#fff;
  321. text-align:left;
  322. text-transform:uppercase;
  323. border-bottom: 1px solid rgba(200,200,200,.8)}
  324.  
  325. .project b {color:#e14d43; line-height:25px;}
  326.  
  327. .project a {margin-right:5px; color:#d4d4d4; margin-top: 15px; font-weight:bold; border:1px solid #d4d4d4; padding:8px; float:right;}
  328.  
  329. .project a:hover {margin-right:5px; margin-top:15px; border:1px solid #fff;
  330. background:#d4d4d4; color:#000; padding:8px; float:right;}
  331.  
  332.  
  333. .media {
  334. width:230px;
  335. height:201px;
  336. padding:15px 30px 30px 30px;
  337. background-image:url('http://static.tumblr.com/9svpram/IyGnqrct4/untitled-3.jpg') ;
  338. color:#e7e7e7;
  339. font:300 12px 'Lato', Arial, sans-serif;
  340. line-height: 18px;
  341. text-transform:uppercase;
  342. text-align:justify
  343. margin-left:0px;
  344. }
  345.  
  346.  
  347. .extras {
  348. width:610px;
  349. height:160px;
  350. padding:26px 60px 60px 50px;
  351. background-image:url('http://static.tumblr.com/9svpram/Rxunqrdht/untitled-4.jpg') ;
  352. font:300 12px 'Lato', Arial, sans-serif;
  353. letter-spacing: 1px;
  354. line-height: 16px;
  355. color:#ebebeb;}
  356.  
  357.  
  358. #wrapper {
  359. width: 1000px;
  360. height: 430px;
  361. padding-left: 30px;
  362. margin: 0 auto;
  363. left: 0%;
  364. right: 0%;
  365. position: absolute;
  366. background: url({image:Header}) right no-repeat;
  367. top: 0%;
  368. }
  369.  
  370. #title {
  371. font-family: Italic;
  372. text-transform: uppercase;
  373. font-weight: 400;
  374. line-height: 50px;
  375. font-size: {text:Title Font Size};
  376. text-shadow: 1px 1px 1px #b1b1b1;
  377. width: 450px;
  378. letter-spacing: -10px;
  379. text-align: center;
  380. color: {color:Title};
  381. margin-top: 150px;
  382. position: absolute;
  383. }
  384.  
  385. #description {
  386. width: 450px;
  387. text-align: justify;
  388. text-transform: uppercase;
  389. letter-spacing: 2px;
  390. margin-top: 20px;
  391. font-family: Roboto;
  392. line-height: 12px;
  393. font-style: normal;
  394. position: absolute;
  395. font-size: 8px;
  396. color: {color:Description};
  397. }
  398.  
  399. #navigation {
  400. width: 100%;
  401. height: 40px;
  402. margin-top: 390px;
  403. position: relative;
  404. background: {color:Top Bar};
  405. text-transform: uppercase;
  406. }
  407.  
  408. #navigation a {
  409. padding: 0px 10px;
  410. line-height: 40px;
  411. display: inline-block;
  412. margin-right: -2px;
  413. color: {color:Navigation Link};
  414. letter-spacing: 1px;
  415. }
  416.  
  417. #navigation a:hover {
  418. background: {color:Hover Navigation Link Background};
  419. color: {color:Hover Navigation Link};
  420. }
  421.  
  422. #avatar {
  423. right: 0%;
  424. margin-left: 640px;
  425. margin-top: -90px;
  426. position: relative;
  427. }
  428.  
  429. #avatar img {
  430. width: 120px;
  431. height: 120px;
  432. border: 18px solid {color:Top Bar};
  433. border-radius: 100%;
  434. }
  435.  
  436. #sidebar {
  437. width: 360px;
  438. margin-left: 650px;
  439. position: absolute;
  440. height: auto;
  441. }
  442.  
  443. .category{
  444. width:300px;
  445. margin-top:0px;
  446. padding:30px;
  447. background: #fff;
  448. color: {color:Sidebar Font};
  449. margin-bottom:10px;
  450. font-size:10px;
  451. letter-spacing:1px;
  452. text-align:justify;
  453. }
  454.  
  455. .subtitle {
  456. font-family: Arial;
  457. font-size: 15px;
  458. letter-spacing: 0px;
  459. text-align: left;
  460. line-height: 16px;
  461. width: 220px;
  462. padding-bottom: 6px;
  463. text-transform: uppercase;
  464. color: {color:Sidebar Title};
  465. }
  466.  
  467. #sidebar .title {
  468. font-family: Italic;
  469. font-size: 18px;
  470. letter-spacing: 4px;
  471. text-transform: uppercase;
  472. width: 360px;
  473. background: {color:Border};
  474. height: 50px;
  475. line-height: 50px;
  476. text-align: center;
  477. color: {color:Sidebar Title};
  478. }
  479.  
  480. #sidebar .content {
  481. width: 300px;
  482. padding: 30px;
  483. border: 1px solid {color:Border};
  484. color: {color:Sidebar Font};
  485. background: {color:Sidebar Background};
  486. letter-spacing: 0px;
  487. margin-bottom: 40px;
  488. }
  489.  
  490. #links a {
  491. width: 210px;
  492. display: block;
  493. height: 25px;
  494. font-size: 9px;
  495. line-height: 25px;
  496. text-align: center;
  497. text-transform: uppercase;
  498. background: {color:Extra Link Background};
  499. color: {color:Extra Link Font};
  500. letter-spacing: 2px;
  501. margin-bottom: 5px;
  502. }
  503.  
  504. #links a:hover {
  505. background: {color:Extra Link Hover Background};
  506. color: {color:Extra Link Hover Font};
  507. }
  508.  
  509. #members {
  510. font-size: 9px;
  511. text-transform: uppercase;
  512. }
  513.  
  514. #members img {
  515. border: 4px solid {color:Border};
  516. border-radius: 100%;
  517. width: 46px;
  518. height: 46px;
  519. margin-bottom: 5px;
  520. }
  521.  
  522. #members .name a {
  523. width: 150px;
  524. height: 15px;
  525. font-size: 9px;
  526. display: block;
  527. line-height: 15px;
  528. background: {color:Border};
  529. color: {color:Sidebar Title};
  530. margin-left: -7px;
  531. font-weight: bold;
  532. letter-spacing: 2px;
  533. padding-left: 6px;
  534. margin-bottom: 3px;
  535. }
  536.  
  537. div#container2 {position:relative; margin:auto; float:center; width:1000px; right:0%; margin-top:-30px;}
  538.  
  539. #entries {
  540. right: 0%;
  541. margin: 0 auto;
  542. left: 0%;
  543. width: 1000px;
  544. }
  545.  
  546. .post {
  547. width: 510px;
  548. margin-right:0px;
  549. margin-bottom: 0px;
  550. border: 1px solid {color:Border};
  551. background: {color:Post Background};
  552. padding: 70px;
  553.  
  554. .post a {
  555. color: {color:Link};
  556. }
  557.  
  558. .post img {
  559. max-width: 100%;
  560. -webkit-transition: all 0.5s ease;
  561. -moz-transition: all 0.5s ease;
  562. transition: all 0.5s ease;
  563. }
  564.  
  565. #permalink {
  566. width: 530px;
  567. padding: 15px;
  568. text-align: center;
  569. background: {color:Border};
  570. color: {color:Permalink};
  571. margin-top: 30px;
  572. font-size: 20px;
  573. letter-spacing: -2px;
  574. font-weight: bold;
  575. text-transform: uppercase;
  576. margin-left: -30px;
  577. }
  578.  
  579. #permalink a, #tag a {
  580. color: {color:Permalink};
  581. }
  582.  
  583. #tag {
  584. font-size: 8px;
  585. letter-spacing: 1px;
  586. font-weight: normal;
  587. }
  588.  
  589. .quote {
  590. font-size: 22px;
  591. text-transform: lowercase;
  592. font-style: italic;
  593. letter-spacing: -2px;
  594. }
  595.  
  596. .audio {
  597. padding: 0;
  598. }
  599.  
  600. .audio_container {
  601. overflow: hidden;
  602. position: relative;
  603. width: 100px;
  604. }
  605.  
  606. .soundcloud_audio_player {
  607. width: 100%;
  608. }
  609.  
  610. .tumblr_audio_player {
  611. width: 100%;
  612. }
  613.  
  614. #ask {
  615. width: 450px;
  616. background: {color:Border};
  617. text-align: justify;
  618. padding: 15px 30px 15px 20px;
  619. }
  620.  
  621. #ask a {
  622. color: {color:Permalink};
  623. }
  624.  
  625. ol.notes {
  626. padding: 0px;
  627. padding-left: 30px;
  628. margin: 20px 0px;
  629. list-style-type: none;
  630. }
  631.  
  632. ol.notes li.note {
  633. padding: 10px;
  634. }
  635.  
  636. ol.notes li.note img.avatar {
  637. vertical-align: -4px;
  638. margin-right: 10px;
  639. width: 16px;
  640. height: 16px;
  641. }
  642.  
  643. ol.notes li.note .answer_content {
  644. font-weight: normal;
  645. }
  646.  
  647. ol.notes li.note blockquote {
  648. border-color: #eee;
  649. padding: 4px 10px;
  650. margin: 10px 0px 0px 25px;
  651. }
  652.  
  653. ol.notes li.note blockquote a {
  654. text-decoration: none;
  655. }
  656.  
  657. #pagination {
  658. padding-top: 50px;
  659. padding-bottom: 140px;
  660. font-weight: bold;
  661. font-size: 16px;
  662. width: 560px;
  663. text-align: center;
  664. text-transform: uppercase;
  665. }
  666.  
  667. #pagination a {
  668. padding: 10px;
  669. border: 1px solid {color:Border};
  670. color: {color:Border};
  671. }
  672.  
  673. #pagination a:hover {
  674. background: {color:Border};
  675. color: {color:Sidebar Title};
  676. }
  677.  
  678. .current_page {
  679. padding: 10px;
  680. color: white;
  681. background: {color:Sidebar Title};
  682. }
  683.  
  684. ::-webkit-scrollbar {
  685. height: 10px;
  686. width: 5px;
  687. background: white;
  688. }
  689.  
  690. ::-webkit-scrollbar-thumb:vertical {
  691. background: {color:Scrollbar};
  692. }
  693.  
  694. /* Credits to http://pohroro.tumblr.com */
  695.  
  696. #c {
  697. width: 55px;
  698. height: 18px;
  699. font-family: Arial;
  700. font-size: 7px;
  701. text-transform: uppercase;
  702. text-align: center;
  703. bottom: 10px;
  704. right: 10px;
  705. letter-spacing: 1px;
  706. line-height: 4px;
  707. padding: 10px 3px;
  708. display: block;
  709. background: {color:Border};
  710. position: fixed;
  711. }
  712.  
  713. #c a {
  714. font-weight: bold;
  715. line-height: 17px;
  716. font-size: 15px;
  717. font-family: Times New Roman;
  718. text-transform: lowercase;
  719. font-style: italic;
  720. letter-spacing: -1px;
  721. color: gray;
  722. }
  723.  
  724. </style>
  725. </head>
  726. <body>
  727.  
  728. <div id="header">
  729.  
  730. </div>
  731.  
  732.  
  733. <div id="info">
  734. <table border="0" cellspacing="0" cellpadding="0">
  735. <tr>
  736. <div class="welcome"></div>
  737. </tr>
  738.  
  739. <tr>
  740. <div class="project">
  741. </div>
  742. </tr>
  743. <tr><td>
  744. <div class="media"></div>
  745. </td>
  746. <td>
  747. <div class="extras"></div>
  748. </tr>
  749. </table>
  750. </div>
  751.  
  752.  
  753. <div id="entries">
  754.  
  755. <div id="sidebar">
  756. <div class="category" style="min-height:80px;">
  757. <div class="subtitle">THIS IS TITLE</div>
  758. {description}
  759. </div>
  760.  
  761. <div class="category" style="min-height:80px;">
  762. <div class="subtitle">THIS IS TITLE</div>
  763. <div class="icon"><img src="{PortraitURL-96}"></div>
  764. {description}
  765. </div>
  766.  
  767. </div>
  768.  
  769. <div id="container2">
  770. <div class=""autopagerize_page_element" style="margin-top: -20px;">
  771. {block:Posts}
  772. <div class="post">
  773. {block:Text}
  774. <h1>{block:Title}{Title}{/block:Title}</h1>
  775. {Body}
  776. {/block:Text}
  777.  
  778. {block:Photo}
  779. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  780. {block:IfShowCaptions}
  781. {block:Caption}{Caption}{/block:Caption}
  782. {/block:IfShowCaptions}
  783. {/block:Photo}
  784.  
  785. {block:Photoset}
  786. {Photoset-500}
  787. {block:IfShowCaptions}
  788. {block:Caption}{Caption}{/block:Caption}
  789. {/block:IfShowCaptions}
  790. {/block:Photoset}
  791.  
  792. {block:Quote}
  793. <div class="quote">
  794. {Quote}
  795. {block:Source} &#8212;{Source}{/block:Source}
  796. </div>
  797. {/block:Quote}
  798.  
  799. {block:Link}
  800. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  801. {block:Description}{Description}{/block:Description}
  802. {/block:Link}
  803.  
  804. {block:Chat}
  805. {block:Title}<h1>{Title}</h1>{/block:Title}
  806. {block:Lines}
  807. {block:Label}<b>{Label}</b>{/block:Label}
  808. {Line}<br />
  809. {/block:Lines}
  810. {/block:Chat}
  811.  
  812. {block:Audio}
  813. <div class="audioContainer">
  814. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  815. </div>
  816. {block:IfShowCaptions}
  817. {block:Caption}{Caption}{/block:Caption}
  818. {/block:IfShowCaptions}
  819. {/block:Audio}
  820.  
  821. {block:Video}
  822. {Video-500}
  823. {block:IfShowCaptions}
  824. {block:Caption}{Caption}{/block:Caption}
  825. {/block:IfShowCaptions}
  826. {/block:Video}
  827.  
  828. {block:ReblogParent}
  829. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  830. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  831. {/block:SourceLogo}
  832. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  833. {/block:ReblogParent}
  834.  
  835. {block:Answer}
  836. <div id="ask">
  837. <img src="{AskerPortraitURL-48}" style="margin: 7px 10px 5px 0px; float: left; border-radius: 100%;">
  838. <div style="font-size: 11px; font-weight: bold;">
  839. <span style="text-transform: uppercase; font-weight: bold; letter-spacing: 2px;">{Asker}:</span></div>
  840. {Question}
  841. </div>
  842. {Answer}
  843. {/block:Answer}
  844.  
  845. <div id="permalink">
  846.  
  847. {block:Date}
  848. <a href="{Permalink}">{TimeAgo}</a>
  849. {/block:Date} {block:NoteCount}&nbsp; | &nbsp;
  850. <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} &nbsp;<a href="{ReblogURL}" target="_blank"><span style="font-weight: normal;">↺</span></a>
  851. <div id="tag">
  852. {block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags}
  853. </div>
  854. </div>
  855.  
  856. {block:PermalinkPage}
  857. {block:RebloggedFrom}<div style="text-align:center;text-transform: uppercase; font-size: 7px; letter-spacing: 1px;">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  858. {/block:PermalinkPage}
  859.  
  860.  
  861.  
  862. {block:PostNotes}{PostNotes}{/block:PostNotes}
  863. </div></div>
  864. {/block:Posts}
  865.  
  866.  
  867.  
  868. {block:IfNotInfiniteScrolling}
  869. {block:Pagination}
  870. <div id="pagination">
  871.  
  872. {block:PreviousPage}
  873. <a href="{PreviousPage}" class="jump_page">Forth</a>
  874. {/block:PreviousPage}
  875.  
  876. {block:JumpPagination length="4"}
  877. {block:CurrentPage}
  878. <span class="current_page">{PageNumber}</span>
  879. {/block:CurrentPage}
  880.  
  881. {block:JumpPage}
  882. <a class="jump_page" href="{URL}">{PageNumber}</a>
  883. {/block:JumpPage}
  884. {/block:JumpPagination}
  885.  
  886. {block:NextPage}
  887. <a href="{NextPage}" class="jump_page">Next</a>
  888. {/block:NextPage}
  889.  
  890. </div>
  891. {/block:Pagination}
  892. {/block:IfNotInfiniteScrolling}
  893. </div>
  894. </div>
  895.  
  896. </div>
  897. </div>
  898.  
  899. </div>
  900.  
  901. <div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
  902.  
  903. </body>
  904. </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!