API tools faq
paste
Advertisement
vya

new thm. almost done #1

vya
Jul 3rd, 2015
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.09 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.  
  247. blockquote{
  248. margin-left:10px;
  249. padding-left:10px;
  250. border-left:3px solid {color:Sub Color};
  251. }
  252.  
  253. p {
  254. padding-top:5px;
  255. }
  256.  
  257. blockquote p{
  258. padding-top:0px !important;
  259. }
  260.  
  261. #header {
  262. width: 100%;
  263. height: 100%;
  264. background: url({image:Header}); background-size:cover; background-repeat: no-repeat;
  265. position:absolute;
  266. left:0%; top:0%;
  267.  
  268. }
  269.  
  270. /*info*/
  271. #info {position:relative; padding:20px; float:center; margin:0 auto; margin-top:900px; z-index:900; right: 0%; left: 0%; width:1000px;}
  272. }
  273.  
  274.  
  275. .intro {
  276. width:0px;
  277. height:0px;
  278. bottom:0%;
  279. left: 0%;
  280. right: 0%;
  281. margin: 0 auto;
  282. position:absolute;
  283. z-index:99999999;
  284. background: transparent;
  285. animation: fadein 2s;
  286. -moz-animation: fadein 2s;
  287. -webkit-animation: fadein 2s;
  288.  
  289. }
  290.  
  291. .welcome {
  292. width:910px;
  293. height:70px;
  294. padding:60px 50px 30px 50px;
  295. background-image:url('http://static.tumblr.com/9svpram/WUNnqrc4t/untitled-1.jpg') ;
  296. color:#e7e7e7;
  297. font:300 12px 'Lato', Arial, sans-serif;
  298. letter-spacing: 1px;
  299. line-height: 18px;
  300. text-transform:uppercase;
  301. text-align:justify;
  302. margin-left:0px;}
  303.  
  304. .welcome h1 {
  305. font-size:18px;
  306. color:#fff;
  307. line-height:20px;
  308. text-transform:uppercase;
  309. font-family: 'PT sans 27px', serif;
  310. border-bottom: 0px solid #fff;}
  311.  
  312. .welcome a {color:#e14d43;}
  313.  
  314. .project {
  315. width:900px;
  316. height:170px;
  317. margin-left:0px;
  318. padding:26px 60px 60px 50px;
  319. background-image:url('http://static.tumblr.com/9svpram/49onqrc97/untitled-2.jpg') ;
  320. font:300 12px 'Lato', Arial, sans-serif;
  321. letter-spacing: 1px;
  322. line-height: 16px;
  323. color:#ebebeb;}
  324.  
  325. .project h1 {
  326. font-size:15px;
  327. font-family: 'Inherit', sans-serif;
  328. line-height:30px;
  329. letter-spacing: 1px;
  330. color:#fff;
  331. text-align:left;
  332. text-transform:uppercase;
  333. border-bottom: 1px solid rgba(200,200,200,.8)}
  334.  
  335. .project b {color:#e14d43; line-height:25px;}
  336.  
  337. .project a {margin-right:5px; color:#d4d4d4; margin-top: 15px; font-weight:bold; border:1px solid #d4d4d4; padding:8px; float:right;}
  338.  
  339. .project a:hover {margin-right:5px; margin-top:15px; border:1px solid #fff;
  340. background:#d4d4d4; color:#000; padding:8px; float:right;}
  341.  
  342.  
  343. .media {
  344. width:230px;
  345. height:201px;
  346. padding:15px 30px 30px 30px;
  347. background-image:url('http://static.tumblr.com/9svpram/IyGnqrct4/untitled-3.jpg') ;
  348. color:#e7e7e7;
  349. font:300 12px 'Lato', Arial, sans-serif;
  350. line-height: 18px;
  351. text-transform:uppercase;
  352. text-align:justify
  353. margin-left:0px;
  354. }
  355.  
  356.  
  357. .extras {
  358. width:610px;
  359. height:160px;
  360. padding:26px 60px 60px 50px;
  361. background-image:url('http://static.tumblr.com/9svpram/Rxunqrdht/untitled-4.jpg') ;
  362. font:300 12px 'Lato', Arial, sans-serif;
  363. letter-spacing: 1px;
  364. line-height: 16px;
  365. color:#ebebeb;}
  366.  
  367.  
  368. #wrapper {
  369. width: 1000px;
  370. height: 430px;
  371. padding-left: 30px;
  372. margin: 0 auto;
  373. left: 0%;
  374. right: 0%;
  375. position: absolute;
  376. background: url({image:Header}) right no-repeat;
  377. top: 0%;
  378. }
  379.  
  380. #title {
  381. font-family: Italic;
  382. text-transform: uppercase;
  383. font-weight: 400;
  384. line-height: 50px;
  385. font-size: {text:Title Font Size};
  386. text-shadow: 1px 1px 1px #b1b1b1;
  387. width: 450px;
  388. letter-spacing: -10px;
  389. text-align: center;
  390. color: {color:Title};
  391. margin-top: 150px;
  392. position: absolute;
  393. }
  394.  
  395. #description {
  396. width: 450px;
  397. text-align: justify;
  398. text-transform: uppercase;
  399. letter-spacing: 2px;
  400. margin-top: 20px;
  401. font-family: Roboto;
  402. line-height: 12px;
  403. font-style: normal;
  404. position: absolute;
  405. font-size: 8px;
  406. color: {color:Description};
  407. }
  408.  
  409. #navigation {
  410. width: 100%;
  411. height: 40px;
  412. margin-top: 390px;
  413. position: relative;
  414. background: {color:Top Bar};
  415. text-transform: uppercase;
  416. }
  417.  
  418. #navigation a {
  419. padding: 0px 10px;
  420. line-height: 40px;
  421. display: inline-block;
  422. margin-right: -2px;
  423. color: {color:Navigation Link};
  424. letter-spacing: 1px;
  425. }
  426.  
  427. #navigation a:hover {
  428. background: {color:Hover Navigation Link Background};
  429. color: {color:Hover Navigation Link};
  430. }
  431.  
  432. #avatar {
  433. right: 0%;
  434. margin-left: 640px;
  435. margin-top: -90px;
  436. position: relative;
  437. }
  438.  
  439. #avatar img {
  440. width: 120px;
  441. height: 120px;
  442. border: 18px solid {color:Top Bar};
  443. border-radius: 100%;
  444. }
  445.  
  446. #sidebar {
  447. width: 350px;
  448. margin-left: 0px;
  449. position: absolute;
  450. height: auto;
  451. }
  452.  
  453. .category{
  454. width:300px;
  455. margin-top:0px;
  456. padding:30px;
  457. background: #fff;
  458. color: {color:Sidebar Font};
  459. margin-bottom:10px;
  460. font-size:10px;
  461. letter-spacing:1px;
  462. text-align:justify;
  463. }
  464.  
  465. .subtitle {
  466. font-family: Arial;
  467. font-size: 15px;
  468. letter-spacing: 0px;
  469. text-align: left;
  470. line-height: 16px;
  471. width: 220px;
  472. padding-bottom: 6px;
  473. text-transform: uppercase;
  474. color: {color:Sidebar Title};
  475. }
  476.  
  477. #sidebar .title {
  478. font-family: Italic;
  479. font-size: 18px;
  480. letter-spacing: 4px;
  481. text-transform: uppercase;
  482. width: 350px;
  483. background: {color:Sidebar Background};
  484. height: 50px;
  485. line-height: 50px;
  486. text-align: left;
  487. color: {color:Sidebar Title};
  488. }
  489.  
  490. #sidebar .content {
  491. width: 290px;
  492. padding: 30px;
  493. border: 1px solid {color:Border};
  494. color: {color:Sidebar Font};
  495. letter-spacing: 0px;
  496. margin-bottom: 10px;
  497. background: {color:Sidebar Background};
  498. }
  499.  
  500. #links a {
  501. width: 210px;
  502. display: block;
  503. height: 25px;
  504. font-size: 9px;
  505. line-height: 25px;
  506. text-align: center;
  507. text-transform: uppercase;
  508. background: {color:Extra Link Background};
  509. color: {color:Extra Link Font};
  510. letter-spacing: 2px;
  511. margin-bottom: 5px;
  512. }
  513.  
  514. #links a:hover {
  515. background: {color:Extra Link Hover Background};
  516. color: {color:Extra Link Hover Font};
  517. }
  518.  
  519. #members {
  520. font-size: 9px;
  521. text-transform: uppercase;
  522. }
  523.  
  524. #members img {
  525. border: 4px solid {color:Border};
  526. border-radius: 100%;
  527. width: 46px;
  528. height: 46px;
  529. margin-bottom: 5px;
  530. }
  531.  
  532. #members .name a {
  533. width: 150px;
  534. height: 15px;
  535. font-size: 9px;
  536. display: block;
  537. line-height: 15px;
  538. background: {color:Border};
  539. color: {color:Sidebar Title};
  540. margin-left: -7px;
  541. font-weight: bold;
  542. letter-spacing: 2px;
  543. padding-left: 6px;
  544. margin-bottom: 3px;
  545. }
  546.  
  547. div#container2 {position:relative; margin:auto; float:center; width:1000px; right:0%; margin-top:-10px;}
  548.  
  549. #entries {
  550. right: 0%;
  551. margin: 0 auto;
  552. left: 0%;
  553. width: 1000px;
  554. }
  555.  
  556. #post {
  557. font-family:Arial;
  558. margin-left:360px;
  559. font-size:11px;
  560. width:510px;
  561. background: {color:Post Background};
  562. text-align:justify;
  563. padding-left: 75px;
  564. padding-top:50px;
  565. padding-bottom: 30px;
  566. padding-right: 65px;
  567. margin-bottom: 0;
  568. line-height:130%;
  569. }
  570.  
  571. #post img{
  572. max-width:500px;
  573. }
  574.  
  575. .posttitle{
  576. font-family: 'Montserrat', sans-serif;
  577. font-weight:400;
  578. text-transform:uppercase;
  579. font-size:14px;
  580. margin-bottom:0px;
  581. text-align:center;
  582. letter-spacing:2px;
  583. }
  584.  
  585. #permalink {
  586. width: 560px;
  587. text-align: left;
  588. background: {color:Border};
  589. color: {color:Permalink};
  590. font-size: 20px;
  591. letter-spacing: 1px;
  592. font-size:10px;
  593. font-family:Arial;
  594. text-transform:uppercase;
  595. padding:20px 45px 20px 45px;
  596. margin-left:360px;
  597. }
  598.  
  599.  
  600. #permalink a, #tag a {
  601. color: {color:Permalink};
  602. }
  603.  
  604. .tags {font-size:10px; } .tag {font-size:14px; text-transform:uppercase; font-weight:bold;} .tag a, .tags a {color:{color:Tags};} .tag:after {content: ",";} .tag:last-child:after { content: " ";}
  605.  
  606. .tag{
  607. font-family: 'Montserrat', sans-serif;
  608. width:520px;
  609. font-size:7px;
  610. margin-top:0px;
  611. margin-left:365px;
  612. padding:0px 45px 20px 45px;
  613. text-align:center;
  614. letter-spacing:1.5px;
  615. text-transform:uppercase;
  616. background:{color:Post Background};
  617. margin-bottom:0px;
  618. }
  619.  
  620. .quotes{
  621. font-weight:400;
  622. font-family: 'Montserrat', sans-serif;
  623. font-size:16px;
  624. width:500px;
  625. letter-spacing:-1px;
  626. line-height:100%;
  627. color:{color:Post Text};
  628. margin-top:10px;
  629. }
  630.  
  631.  
  632. .audio {
  633. padding: 0;
  634. }
  635.  
  636. .audio_container {
  637. overflow: hidden;
  638. position: relative;
  639. width: 100px;
  640. }
  641.  
  642. .soundcloud_audio_player {
  643. width: 100%;
  644. }
  645.  
  646. .tumblr_audio_player {
  647. width: 100%;
  648. }
  649.  
  650. #ask {
  651. width: 450px;
  652. background: {color:Border};
  653. text-align: justify;
  654. padding: 15px 30px 15px 20px;
  655. }
  656.  
  657. #ask a {
  658. color: {color:Permalink};
  659. }
  660.  
  661. .notecount{
  662. font-family: 'Montserrat', sans-serif;
  663. font-size:11px;
  664. margin-left:10px;
  665. text-align:center;
  666. line-height:120%;
  667. }
  668.  
  669. .notecount a{
  670. color:{color:Sub Color};
  671. }
  672.  
  673. .notecount a:hover{
  674. color:{color:Post Background};
  675. }
  676.  
  677. .tageu{
  678. font-size:11px;
  679. margin-left:15px;
  680. margin-top:0px;
  681. text-align:center;
  682. line-height:100%;
  683. }
  684.  
  685. .tageu a{
  686. color:{color:Sub Color};
  687. }
  688.  
  689. .tageu a:hover{
  690. color:{color:Post Background};
  691. }
  692.  
  693. .bubble{
  694. margin-left:10px;
  695. margin-top:10px;
  696. font-size:8px;
  697. color:#000;
  698. text-align:center;
  699. line-height:80%;
  700. letter-spacing:2px;
  701. }
  702.  
  703. .info1{
  704. margin-left:20px;
  705. font-size:8px;
  706. color:#000;
  707. text-align:center;
  708. line-height:80%;
  709. letter-spacing:2px;
  710. }
  711.  
  712. .info1 a{
  713. color:#000;
  714. }
  715.  
  716. .info1 a:hover{
  717. color:{color:Sub Color};
  718. }
  719.  
  720.  
  721. ol.notes {
  722. padding: 0px;
  723. padding-left: 30px;
  724. margin: 20px 0px;
  725. list-style-type: none;
  726. }
  727.  
  728. ol.notes li.note {
  729. padding: 10px;
  730. }
  731.  
  732. ol.notes li.note img.avatar {
  733. vertical-align: -4px;
  734. margin-right: 10px;
  735. width: 16px;
  736. height: 16px;
  737. }
  738.  
  739. ol.notes li.note .answer_content {
  740. font-weight: normal;
  741. }
  742.  
  743. ol.notes li.note blockquote {
  744. border-color: #eee;
  745. padding: 4px 10px;
  746. margin: 10px 0px 0px 25px;
  747. }
  748.  
  749. ol.notes li.note blockquote a {
  750. text-decoration: none;
  751. }
  752.  
  753. #pagination {
  754. padding-top: 50px;
  755. padding-bottom: 140px;
  756. font-weight: bold;
  757. font-size: 16px;
  758. width: 560px;
  759. text-align: center;
  760. text-transform: uppercase;
  761. }
  762.  
  763. #pagination a {
  764. padding: 10px;
  765. border: 1px solid {color:Border};
  766. color: {color:Border};
  767. }
  768.  
  769. #pagination a:hover {
  770. background: {color:Border};
  771. color: {color:Sidebar Title};
  772. }
  773.  
  774. .current_page {
  775. padding: 10px;
  776. color: white;
  777. background: {color:Sidebar Title};
  778. }
  779.  
  780. ::-webkit-scrollbar {
  781. height: 10px;
  782. width: 5px;
  783. background: white;
  784. }
  785.  
  786. ::-webkit-scrollbar-thumb:vertical {
  787. background: {color:Scrollbar};
  788. }
  789.  
  790. /* Credits to http://pohroro.tumblr.com */
  791.  
  792. #c {
  793. width: 55px;
  794. height: 18px;
  795. font-family: Arial;
  796. font-size: 7px;
  797. text-transform: uppercase;
  798. text-align: center;
  799. bottom: 10px;
  800. right: 10px;
  801. letter-spacing: 1px;
  802. line-height: 4px;
  803. padding: 10px 3px;
  804. display: block;
  805. background: {color:Border};
  806. position: fixed;
  807. }
  808.  
  809. #c a {
  810. font-weight: bold;
  811. line-height: 17px;
  812. font-size: 15px;
  813. font-family: Times New Roman;
  814. text-transform: lowercase;
  815. font-style: italic;
  816. letter-spacing: -1px;
  817. color: gray;
  818. }
  819.  
  820. </style>
  821. </head>
  822. <body>
  823.  
  824. <div id="header"></div>
  825.  
  826.  
  827. <div id="info">
  828. <table border="0" cellspacing="0" cellpadding="0">
  829. <tr>
  830. <div class="welcome"></div>
  831. </tr>
  832.  
  833. <tr>
  834. <div class="project">
  835. </div>
  836. </tr>
  837. <tr><td>
  838. <div class="media"></div>
  839. </td>
  840. <td>
  841. <div class="extras"></div>
  842. </tr>
  843. </table>
  844. </div>
  845.  
  846.  
  847.  
  848. <div id="entries">
  849.  
  850.  
  851. <div id="sidebar">
  852.  
  853.  
  854. {block:ifBoxTwo}
  855. <div class="title">{text:Box Two Title}</div>
  856. <div class="content"><div id="recent-posts"></div>
  857. ></div>
  858. {/block:ifBoxTwo}
  859.  
  860. {block:ifBoxThree}
  861. <div class="title">{text:Box Three Title}</div>
  862. <div class="content"><center>{text:Box Three Content}</center></div>
  863. {/block:ifBoxThree}
  864.  
  865. {block:ifBoxFour}
  866. <div class="title">{text:Box Four Title}</div>
  867. <div class="content"><center>{text:Box Four Content}</center></div>
  868. {/block:ifBoxFour}
  869.  
  870. {block:ifBoxFive}
  871. <div class="title">{text:Box Five Title}</div>
  872. <div class="content"><center>{text:Box Five Content}</center></div>
  873. {/block:ifBoxFive}
  874.  
  875. {block:ifExtraLinkBox}
  876. <div class="title">Extra Links</div>
  877. <div class="content"><center><div id="links">
  878.  
  879. {block:ifExtraLinkOne}
  880. <a href="{text:Extra Link One URL}">{text:Extra Link One}</a>
  881. {/block:ifExtraLinkOne}
  882.  
  883. {block:ifExtraLinkTwo}
  884. <a href="{text:Extra Link Two URL}">{text:Extra Link Two}</a>
  885. {/block:ifExtraLinkTwo}
  886.  
  887. {block:ifExtraLinkThree}
  888. <a href="{text:Extra Link Three URL}">{text:Extra Link Three}</a>
  889. {/block:ifExtraLinkThree}
  890.  
  891. {block:ifExtraLinkFour}
  892. <a href="{text:Extra Link Four URL}">{text:Extra Link Four}</a>
  893. {/block:ifExtraLinkFour}
  894.  
  895. {block:ifExtraLinkFive}
  896. <a href="{text:Extra Link Five URL}">{text:Extra Link Five}</a>
  897. {/block:ifExtraLinkFive}
  898.  
  899. {block:ifExtraLinkSix}
  900. <a href="{text:Extra Link Six URL}">{text:Extra Link Six}</a>
  901. {/block:ifExtraLinkSix}
  902.  
  903. {block:ifExtraLinkSeven}
  904. <a href="{text:Extra Link Seven URL}">{text:Extra Link Seven}</a>
  905. {/block:ifExtraLinkSeven}
  906.  
  907. {block:ifExtraLinkEight}
  908. <a href="{text:Extra Link Eight URL}">{text:Extra Link Eight}</a>
  909. {/block:ifExtraLinkEight}
  910.  
  911. {block:ifExtraLinkNine}
  912. <a href="{text:Extra Link Nine URL}">{text:Extra Link Nine}</a>
  913. {/block:ifExtraLinkNine}
  914.  
  915. {block:ifExtraLinkTen}
  916. <a href="{text:Extra Link Two URL}">{text:Extra Link Ten}</a>
  917. {/block:ifExtraLinkTen}
  918.  
  919. </div></center></div>
  920. {/block:ifExtraLinkBox}
  921.  
  922. {block:ifSiteInfoBox}
  923. <div class="title">Site Info</div>
  924. <div class="content">
  925.  
  926. {block:ifStatOne}<b>{text:Stat One}:</b>
  927. {text:Information One}<br />{/block:ifStatOne}
  928. {block:ifStatTwo}<b>{text:Stat Two}:</b>
  929. {text:Information Two}<br />{/block:ifStatTwo}
  930. {block:ifStatThree}<b>{text:Stat Three}:</b>
  931. {text:Information Three}<br />{/block:ifStatThree}
  932. {block:ifStatFour}<b>{text:Stat Four}:</b>
  933. {text:Information Four}<br />{/block:ifStatFour}
  934. {block:ifStatFive}<b>{text:Stat Five}:</b>
  935. {text:Information Five}<br />{/block:ifStatFive}
  936. {block:ifStatSix}<b>{text:Stat Six}:</b>
  937. {text:Information Six}<br />{/block:ifStatSix}
  938. {block:ifStatSeven}<b>{text:Stat Seven}:</b>
  939. {text:Information Seven}<br />{/block:ifStatSeven}
  940. {block:ifStatEight}<b>{text:Stat Eight}:</b>
  941. {text:Information Eight}<br />{/block:ifStatEight}
  942.  
  943. </div>
  944. {/block:ifSiteInfoBox}
  945.  
  946. </div>
  947.  
  948. <div id="container2">
  949. {block:Posts}
  950.  
  951. {block:Date}
  952. <div id="permalink">
  953. <span class="notecount"><a href="{Permalink}">{NoteCount}</a></span>
  954. <span class="info1">
  955. {block:RebloggedFrom}
  956. <a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">VIA</a> / <a href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">SRC</a>
  957. {/block:RebloggedFrom}
  958. </span>
  959. <span class="info1">{ShortMonth} {DayOfMonthWithZero} {Year}</span>
  960. <br><span class="bubble"><img width="12" src="http://wordpress.umitohoshi.com/wp-content/themes/umi04/img/comment.png"></span><span class="tageu"> {block:Tags}<a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}</span></div>
  961. {/block:Date}
  962.  
  963. <div id="post">
  964.  
  965. {block:Text}
  966. {block:Title}
  967. <div class="posttitle">{Title}</div>
  968. {/block:Title}
  969. {Body}
  970. {/block:Text}
  971.  
  972. {block:Link}
  973. <div class="posttitle">
  974. <a href="{URL}">{Name}</a>
  975. </div>
  976. {block:Description}{Description}{/block:Description}
  977. {/block:Link}
  978.  
  979. {block:Photo}
  980. {LinkOpenTag}
  981. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500">
  982. {LinkCloseTag}
  983. {block:Caption}{Caption}{/block:Caption}
  984. {block:ContentSource}
  985. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  986. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  987. {/block:SourceLogo}
  988. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  989. {/block:ContentSource}
  990. {block:ReblogParentURL}
  991. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  992. {/block:ReblogParentURL}
  993. {/block:Photo}
  994.  
  995. {block:Photoset}
  996. {Photoset-500}
  997. {block:Caption}{Caption}{/block:Caption}
  998. {/block:Photoset}
  999.  
  1000. {block:Quote}
  1001. <div class="quotes">“ {Quote} ”</div>
  1002. {block:Source}<br>
  1003. <div style="letter-spacing:1px;font-size:10px;">— {Source}</div>
  1004. {/block:Source}
  1005. <br>
  1006. {/block:Quote}
  1007.  
  1008. {block:Chat}
  1009. {block:Title}
  1010. <div class="posttitle">
  1011. {Title}
  1012. </div>
  1013. {/block:Title}
  1014. <ul class="chat">
  1015. {block:Lines}
  1016. <li class="user_{UserNumber}">
  1017. {block:Label}
  1018. <span class="label" style="color:{color:Main Color}"><b>{Label}</b></span>
  1019. {/block:Label}
  1020. &nbsp;{Line}
  1021. </li>
  1022. {/block:Lines}
  1023. </ul>
  1024. {/block:Chat}
  1025.  
  1026. {block:Audio}
  1027. <div id="audiopost">
  1028. <div class="albumart">
  1029. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}
  1030. </div>
  1031. <div class="player">
  1032. <div class="playerr">
  1033. <span id="audio">{AudioPlayerWhite}</span>
  1034. </div>
  1035. </div>
  1036. <div class="track">
  1037. <b>Title:</b> {block:TrackName}{TrackName}{/block:Trackname}<br>
  1038. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1039. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  1040. <b>Played:</b> {block:PlayCount}{PlayCount}{/block:PlayCount}
  1041. </div></div>
  1042. {block:caption}{Caption}{/block:caption}{/block:Audio}
  1043.  
  1044. {block:Video}
  1045. {Video-500}
  1046. {block:Caption}{Caption}{/block:Caption}
  1047. {/block:Video}
  1048.  
  1049. {block:Answer}
  1050. <div class="asker">
  1051. <img src="{AskerPortraitURL-48}"><askname><span style="letter-spacing:0px;font-family:helvetica;color:{color:Main Color};">————</span>&nbsp;<span style="margin-left:10px">{Asker}</span></askname></div>
  1052. <div class="question">{Question}</div>
  1053. {Answer}{/block:Answer}
  1054.  
  1055. </div>
  1056.  
  1057.  
  1058. {block:PostNotes}
  1059. <div id="postnotes">
  1060. {PostNotes}
  1061. </div>
  1062. {/block:PostNotes}
  1063.  
  1064. {/block:Posts}
  1065.  
  1066. </div><!-- entries -->
  1067.  
  1068. {block:IfNotInfiniteScrolling}
  1069. {block:Pagination}
  1070. <div id="pagination">
  1071.  
  1072. {block:PreviousPage}
  1073. <a href="{PreviousPage}" class="jump_page">Forth</a>
  1074. {/block:PreviousPage}
  1075.  
  1076. {block:JumpPagination length="4"}
  1077. {block:CurrentPage}
  1078. <span class="current_page">{PageNumber}</span>
  1079. {/block:CurrentPage}
  1080.  
  1081. {block:JumpPage}
  1082. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1083. {/block:JumpPage}
  1084. {/block:JumpPagination}
  1085.  
  1086. {block:NextPage}
  1087. <a href="{NextPage}" class="jump_page">Next</a>
  1088. {/block:NextPage}
  1089.  
  1090. </div>
  1091. {/block:Pagination}
  1092. {/block:IfNotInfiniteScrolling}
  1093.  
  1094.  
  1095. </div>
  1096. </div>
  1097.  
  1098.  
  1099.  
  1100. <script type='text/javascript' src='https://raw.github.com/gist/4056588'></script>
  1101.  
  1102. <script type='text/javascript'
  1103. $(function() {
  1104. new Tumblr.RecentPosts($("#recent-posts")).render()
  1105. })
  1106. </script>
  1107.  
  1108. </body>
  1109. </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!