API tools faq
paste
mugendia

Theme: Zophier

mugendia
Mar 6th, 2013 (edited)
57,738
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300|Titillium+Web:400,700' rel='stylesheet' type='text/css'>
  7.  
  8. <!--
  9.  
  10.  
  11. #09 ZOPHIER THEME BY COCORINI (https://cocorini.tumblr.com).
  12. PLEASE DO NOT REMOVE THIS CREDIT. THANK YOU!
  13.  
  14.  
  15. -->
  16.  
  17. <meta name="color:Main Background" content="#efefef"/>
  18. <meta name="color:Corner BG" content="#ccc"/>
  19. <meta name="color:Bottom BG" content="#ddd"/>
  20. <meta name="color:Scrollbar" content="#bbb"/>
  21. <meta name="color:Scrollbar Background" content="#eee"/>
  22.  
  23. <meta name="color:Entries" content="#fff"/>
  24. <meta name="color:Entries Title" content="#a1a1a1"/>
  25. <meta name="color:Entries Border" content="#ddd"/>
  26. <meta name="color:Blockquote Border" content="#eee"/>
  27. <meta name="color:Blockquote Text" content="#bbb"/>
  28.  
  29. <meta name="color:Body Text" content="#a1a1a1"/>
  30. <meta name="color:Bold Text" content="#95ac5e"/>
  31. <meta name="color:Italic Text" content="#849cbb"/>
  32. <meta name="color:Ask Text" content="#b4a9a9"/>
  33. <meta name="color:Ask Border" content="#efefef"/>
  34. <meta name="color:Back To Top Text" content="#888888"/>
  35.  
  36. <meta name="color:Links" content="#c26a70"/>
  37. <meta name="color:Links Hover" content="#a9cdce"/>
  38. <meta name="color:Permalink Link" content="#798f8b"/>
  39. <meta name="color:Permalink Background" content="#e0eeee"/>
  40. <meta name="color:Reblog Button" content="#f8eaea"/>
  41.  
  42. <meta name="color:Title" content="#efefef"/>
  43. <meta name="color:Title Shadow" content="#aaa"/>
  44. <meta name="color:Sidebar Corner 1" content="#ddd"/>
  45. <meta name="color:Sidebar Corner 2" content="#bbb"/>
  46. <meta name="color:Sidebar Border" content="#fff"/>
  47. <meta name="color:Navigation Links BG" content="#f7c8c8"/>
  48. <meta name="color:Navigation Links Text" content="#fff"/>
  49. <meta name="color:Navigation Links Shadow" content="#aaa"/>
  50. <meta name="color:Custom Links BG" content="#c4dedf"/>
  51. <meta name="color:Custom Links Text" content="#fff"/>
  52. <meta name="color:Custom Links Shadow" content="#aaa"/>
  53.  
  54. <meta name="color:Pagination Current Text" content="#a1a1a1"/>
  55. <meta name="color:Pagination Current BG" content="#e0e0e0"/>
  56. <meta name="color:Pagination Link BG" content="#ecebcd"/>
  57. <meta name="color:Pagination Link Text" content="#a59879"/>
  58.  
  59. <meta name="image:Main Background" content="https://media.tumblr.com/3d89aae17e699c1c8983154722f9a157/tumblr_inline_mjatubVxSH1qz4rgp.png"/>
  60. <meta name="image:Corner BG" content="https://media.tumblr.com/9f898ea82f4e950bce83a0c02acffb23/tumblr_inline_mjatukKz7t1qz4rgp.png"/>
  61. <meta name="image:Bottom BG" content=""/>
  62. <meta name="image:Sidebar" content="https://media.tumblr.com/24a19de970bd03d22fad6f50bc09f8f5/tumblr_inline_mjatv9O0rh1qz4rgp.png"/>
  63.  
  64. <meta name="text:Custom Link 1" content="extra link 1"/>
  65. <meta name="text:Custom Link 1 URL" content=""/>
  66. <meta name="text:Custom Link 2" content="extra link 2"/>
  67. <meta name="text:Custom Link 2 URL" content=""/>
  68. <meta name="text:Custom Link 3" content="extra link 3"/>
  69. <meta name="text:Custom Link 3 URL" content=""/>
  70. <meta name="text:Custom Link 4" content=""/>
  71. <meta name="text:Custom Link 4 URL" content=""/>
  72. <meta name="text:Custom Link 5" content=""/>
  73. <meta name="text:Custom Link 5 URL" content=""/>
  74. <meta name="text:Custom Link 6" content=""/>
  75. <meta name="text:Custom Link 6 URL" content=""/>
  76.  
  77. <meta name="if:Infinite Scroll" content=""/>
  78. <meta name="if:Posts 400" content=""/>
  79. <meta name="if:Posts 250" content=""/>
  80. <meta name="if:Grid Theme" content="1"/>
  81. <meta name="if:Show Tags" content="1"/>
  82. <meta name="if:Show Captions" content="1"/>
  83. <meta name="if:Show Like Reblog" content="1"/>
  84. <meta name="if:Image Fade" content="1"/>
  85. <meta name="if:Links Hover Fade" content=""/>
  86. <meta name="if:Long Description" content=""/>
  87. <meta name="if:Corner BG No Repeat" content=""/>
  88. <meta name="if:Back To Top" content=""/>
  89. <meta name="if:Show Bottom BG" content="1"/>
  90.  
  91. <style type="text/css">
  92.  
  93. body {
  94. background-image: url('{image:Main Background}');
  95. background-attachment: fixed;
  96. color: {color:Body Text};
  97. background-color: {color:Main Background};
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101. background-color: {color:Scrollbar};
  102. height: auto;
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb:horizontal {
  106. background-color: {color:Scrollbar};
  107. height: auto;
  108. }
  109.  
  110. ::-webkit-scrollbar {
  111. height: 5px;
  112. width: 5px;
  113. background-color: {color:Scrollbar Background};
  114. }
  115.  
  116. #topcorner {
  117. position: fixed;
  118. top: -300px;
  119. left: -300px;
  120. width: 600px;
  121. height: 600px;
  122. background-color: {color:Corner BG};
  123. -webkit-transform: rotate(45deg);
  124. -moz-transform: rotate(45deg);
  125. -o-transform: rotate(45deg);
  126. background-image: url('{image:Corner BG}');
  127. {block:IfCornerBGNoRepeat}background-repeat: no-repeat;{/block:IfCornerBGNoRepeat}
  128. }
  129.  
  130. #bottom {
  131. z-index: -1;
  132. position: fixed;
  133. bottom: 0px;
  134. left: 0px;
  135. width: 100%;
  136. height: 60px;
  137. background-color: {color:Bottom BG};
  138. background-image: url('{image:Bottom BG}');
  139. }
  140.  
  141. /*LINKS & MAIN TEXT*/
  142.  
  143. a {
  144. color: {color:Links};
  145. text-decoration: none;
  146. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. -ms-transition: all 0.5s ease-in-out;
  150. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  151. }
  152.  
  153. a:hover {
  154. color: {color:Links Hover};
  155. text-decoration: none;
  156. }
  157.  
  158. b, strong {
  159. color: {color:Bold Text};
  160. }
  161.  
  162. i, em {
  163. color: {color:Italic Text};
  164. }
  165.  
  166. /*SIDEBAR*/
  167.  
  168. #sidebar {
  169. position: fixed;
  170. margin-top: 122px;
  171. margin-left: 122px;
  172. }
  173.  
  174. #sidebar img {
  175. border: 10px solid {color:Sidebar Border};
  176. max-width: 120px;
  177. }
  178.  
  179. #title {
  180. font-family: roboto condensed;
  181. font-size: 26px;
  182. margin-top: 15px;
  183. width: 250px;
  184. color: {color:Title};
  185. text-shadow: 2px 2px 0px {color:Title Shadow};
  186. }
  187.  
  188. #desc {
  189. margin-top: 5px;
  190. font-family: roboto condensed;
  191. width: 230px;
  192. font-size: 13px;
  193. color: {color:Body Text};
  194. text-align: right;
  195. padding-right: 5px;
  196. {block:IfLongDescription}height: 110px;
  197. overflow: auto;{/block:IfLongDescription}
  198. }
  199.  
  200. #nav {
  201. position: fixed;
  202. width: 100px;
  203. margin-left: 170px;
  204. }
  205.  
  206. #nav a {
  207. display: inline-block;
  208. padding: 3px;
  209. font-size: 9px;
  210. font-family: Titillium Web;
  211. text-transform: uppercase;
  212. margin-bottom: 5px;
  213. letter-spacing: 1px;
  214. text-align: left;
  215. width: 60px;
  216. background-color: {color:Navigation Links BG};
  217. color: {color:Navigation Links Text};
  218. text-shadow: 0px 2px 2px {color:Navigation Links Shadow};
  219. }
  220.  
  221. #nav a:hover {
  222. color: {color:Navigation Links Shadow};
  223. text-shadow: 0px 2px 2px {color:Navigation Links Text};
  224. }
  225.  
  226. #customlinks {
  227. position: fixed;
  228. width: 100px;
  229. margin-left: -60px;
  230. margin-top: 20px;
  231. }
  232.  
  233. #customlinks a {
  234. width: 100px;
  235. display: inline-block;
  236. padding: 3px;
  237. font-size: 9px;
  238. background-color: {color:Custom Links BG};
  239. margin-bottom: 5px;
  240. text-transform: uppercase;
  241. font-family: Titillium Web;
  242. letter-spacing: 1px;
  243. text-align: right;
  244. color: {color:Custom Links Text};
  245. text-shadow: 0px 2px 2px {color:Custom Links Shadow};
  246. }
  247.  
  248. #customlinks a:hover {
  249. color: {color:Custom Links Shadow};
  250. text-shadow: 0px 2px 2px {color:Custom Links Text};
  251. }
  252.  
  253. /*ENTRIES*/
  254.  
  255. #container {
  256. margin-top: 30px;
  257. {block:IfGridTheme}margin-left: 430px;{/block:IfGridTheme}
  258. {block:IfNotGridTheme}margin-left: 435px;{/block:IfNotGridTheme}
  259. {block:IndexPage}width: 600px;{/block:IndexPage}
  260. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  261. }
  262.  
  263. .entry {
  264. position: relative;
  265. {block:IfGridTheme}padding: 10px 10px 8px 10px;{/block:IfGridTheme}
  266. {block:IfPosts250}padding: 10px 10px 8px 10px;{/block:IfPosts250}
  267. {block:IfNotPosts250}{block:IfNotGridTheme}padding: 10px 10px 0px 10px;{/block:IfNotGridTheme}{/block:IfNotPosts250}
  268. background-color: {color:Entries};
  269. text-align: justify;
  270. font-size: 12px;
  271. color: {color:Body Text};
  272. font-family: roboto condensed;
  273. letter-spacing: 1px;
  274. {block:IfPosts250}margin: 0px 0px 10px 5px;{/block:IfPosts250}
  275. {block:IfNotPosts250}{block:IfNotGridTheme}margin: 0px 0px 15px 5px;{/block:IfNotGridTheme}{/block:IfNotPosts250}
  276. {block:IfPosts400}width: 400px;{/block:IfPosts400}
  277. {block:IfNotPosts400}{block:IfNotPosts250}width: 500px;{/block:IfNotPosts250}{/block:IfNotPosts400}
  278. {block:IfPosts250}{block:IndexPage}width: 250px;{block:IndexPage}
  279. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  280. {/block:IfPosts250}
  281. {block:IfGridTheme}{block:IndexPage}width: 250px;
  282. float: left;{/block:IndexPage}
  283. margin: 5px;{/block:IfGridTheme}
  284. {block:PermalinkPage}width: 500px;
  285. margin-top: 15px;{/block:PermalinkPage}
  286. {block:IfGridTheme}border: 1px solid {color:Entries};{/block:IfGridTheme}
  287. {block:IfPosts250}border: 1px solid {color:Entries};{/block:IfPosts250}
  288. word-wrap: break-word;
  289. }
  290.  
  291. {block:IfGridTheme}{block:IndexPage}
  292. .entry:hover {
  293. border: 1px solid {color:Entries Border};
  294. }
  295. {/block:IndexPage}{/block:IfGridTheme}
  296.  
  297. {block:IfPosts250}{block:IndexPage}
  298. .entry:hover {
  299. border: 1px solid {color:Entries Border};
  300. }
  301. {/block:IndexPage}{/block:IfPosts250}
  302.  
  303. .entry img {
  304. max-width: 100%;
  305. }
  306.  
  307. #entrytitle {
  308. font-size: 13px;
  309. color: {color:Entries Title};
  310. font-family: Titillium Web;
  311. text-transform: uppercase;
  312. }
  313.  
  314. blockquote {
  315. color: {color:Blockquote Text};
  316. border-left: 5px solid {color:Blockquote Border};
  317. margin-left: 0px;
  318. margin-right: 0px;
  319. padding-left: 5px;
  320. font-size: 11px;
  321. }
  322.  
  323. /*PERMALINK*/
  324.  
  325. {block:IfGridTheme}
  326. {block:IndexPage}
  327. #permalink {
  328. font-family: Titillium Web;
  329. text-transform: uppercase;
  330. text-align: center;
  331. opacity: 0;
  332. position: absolute;
  333. line-height: 12px;
  334. z-index: 99;
  335. font-size: 8px;
  336. padding: 5px;
  337. margin-top: -9px;
  338. background-color: {color:Permalink Background};
  339. {block:IndexPage}width: 260px;
  340. float: left;{/block:IndexPage}
  341. {block:PermalinkPage}width: 500px;
  342. margin-top: 15px;{/block:PermalinkPage}
  343. margin-left: -10px;
  344. color: {color:Permalink Text};
  345. -webkit-transition: all 0.5s ease-in-out;
  346. -moz-transition: all 0.5s ease-in-out;
  347. -o-transition: all 0.5s ease-in-out;
  348. -ms-transition: all 0.5s ease-in-out;
  349. transition: all 0.5s ease-in-out;
  350. }
  351.  
  352. .entry:hover #permalink {
  353. margin-top: -14px;
  354. opacity: 1;
  355. }
  356.  
  357. #permalink a {
  358. color: {color:Permalink Link};
  359. text-decoration: none;
  360. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  361. -moz-transition: all 0.5s ease-in-out;
  362. -o-transition: all 0.5s ease-in-out;
  363. -ms-transition: all 0.5s ease-in-out;
  364. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  365. }
  366.  
  367. #permalink a:hover {
  368. color: {color:Permalink Link Hover}
  369. }
  370.  
  371. #reblog {
  372. position: absolute;
  373. top: -10px;
  374. right: -5px;
  375. background-color: {color:Reblog Button};
  376. border: 1px solid {color:Entries Border};
  377. padding: 5px;
  378. font-size: 8px;
  379. opacity: 0;
  380. font-family: Titillium Web;
  381. text-transform: uppercase;
  382. -webkit-transition: all 0.5s ease-in-out;
  383. -moz-transition: all 0.5s ease-in-out;
  384. -o-transition: all 0.5s ease-in-out;
  385. -ms-transition: all 0.5s ease-in-out;
  386. transition: all 0.5s ease-in-out;
  387. }
  388.  
  389. #reblog a {
  390. color: {color:Permalink Link};
  391. text-decoration: none;
  392. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  393. -moz-transition: all 0.5s ease-in-out;
  394. -o-transition: all 0.5s ease-in-out;
  395. -ms-transition: all 0.5s ease-in-out;
  396. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  397. }
  398.  
  399. .entry:hover #reblog {
  400. top: -5px;
  401. opacity: 1;
  402. }
  403. {/block:IndexPage}
  404. {/block:IfGridTheme}
  405.  
  406. {block:IfPosts250}
  407. {block:IndexPage}
  408. #permalink {
  409. font-family: Titillium Web;
  410. text-transform: uppercase;
  411. text-align: center;
  412. opacity: 0;
  413. position: absolute;
  414. line-height: 12px;
  415. z-index: 99;
  416. font-size: 8px;
  417. padding: 5px;
  418. margin-top: -9px;
  419. background-color: {color:Permalink Background};
  420. {block:IndexPage}width: 260px;
  421. float: left;{/block:IndexPage}
  422. {block:PermalinkPage}width: 500px;
  423. margin-top: 15px;{/block:PermalinkPage}
  424. margin-left: -10px;
  425. color: {color:Permalink Text};
  426. -webkit-transition: all 0.5s ease-in-out;
  427. -moz-transition: all 0.5s ease-in-out;
  428. -o-transition: all 0.5s ease-in-out;
  429. -ms-transition: all 0.5s ease-in-out;
  430. transition: all 0.5s ease-in-out;
  431. }
  432.  
  433. .entry:hover #permalink {
  434. margin-top: -14px;
  435. opacity: 1;
  436. }
  437.  
  438. #permalink a {
  439. color: {color:Permalink Link};
  440. text-decoration: none;
  441. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  442. -moz-transition: all 0.5s ease-in-out;
  443. -o-transition: all 0.5s ease-in-out;
  444. -ms-transition: all 0.5s ease-in-out;
  445. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  446. }
  447.  
  448. #permalink a:hover {
  449. color: {color:Permalink Link Hover}
  450. }
  451.  
  452. #reblog {
  453. position: absolute;
  454. top: -10px;
  455. right: -5px;
  456. background-color: {color:Reblog Button};
  457. border: 1px solid {color:Entries Border};
  458. padding: 5px;
  459. font-size: 8px;
  460. opacity: 0;
  461. font-family: Titillium Web;
  462. text-transform: uppercase;
  463. -webkit-transition: all 0.5s ease-in-out;
  464. -moz-transition: all 0.5s ease-in-out;
  465. -o-transition: all 0.5s ease-in-out;
  466. -ms-transition: all 0.5s ease-in-out;
  467. transition: all 0.5s ease-in-out;
  468. }
  469.  
  470. #reblog a {
  471. color: {color:Permalink Link};
  472. text-decoration: none;
  473. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  474. -moz-transition: all 0.5s ease-in-out;
  475. -o-transition: all 0.5s ease-in-out;
  476. -ms-transition: all 0.5s ease-in-out;
  477. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  478. }
  479.  
  480. .entry:hover #reblog {
  481. top: -5px;
  482. opacity: 1;
  483. }
  484. {/block:IndexPage}
  485. {/block:IfPosts250}
  486.  
  487. #permalink1 {
  488. position: relative;
  489. line-height: 12px;
  490. z-index: 99;
  491. font-size: 10px;
  492. padding: 5px;
  493. margin-top: 10px;
  494. font-family: Titillium Web;
  495. font-size: 8px;
  496. text-align: center;
  497. text-transform: uppercase;
  498. background-color: {color:Permalink Background};
  499. {block:IfPosts400}width: 410px;{/block:IfPosts400}
  500. {block:IfNotPosts400}width: 510px;{/block:IfNotPosts400}
  501. {block:IfPosts250}width: 260px;{/block:IfPosts250}
  502. margin-left: -10px;
  503. color: {color:Permalink Text};
  504. }
  505.  
  506. #permalink1 a {
  507. color: {color:Permalink Link};
  508. text-decoration: none;
  509. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  510. -moz-transition: all 0.5s ease-in-out;
  511. -o-transition: all 0.5s ease-in-out;
  512. -ms-transition: all 0.5s ease-in-out;
  513. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  514. }
  515.  
  516. #permalink1 a:hover {
  517. color: {color:Permalink Link Hover}
  518. }
  519.  
  520. #permalinks {
  521. text-align: center;
  522. font-family: Titillium Web;
  523. font-size: 9px;
  524. text-transform: uppercase;
  525. margin-top: 10px;
  526. padding-bottom: 10px;
  527. }
  528.  
  529. #reblog1 {
  530. position: absolute;
  531. top: -5px;
  532. right: -5px;
  533. background-color: {color:Reblog Button};
  534. border: 1px solid {color:Entries Border};
  535. padding: 5px;
  536. font-size: 8px;
  537. opacity: 0;
  538. font-family: Titillium Web;
  539. text-transform: uppercase;
  540. -webkit-transition: all 0.5s ease-in-out;
  541. -moz-transition: all 0.5s ease-in-out;
  542. -o-transition: all 0.5s ease-in-out;
  543. -ms-transition: all 0.5s ease-in-out;
  544. transition: all 0.5s ease-in-out;
  545. }
  546.  
  547. #reblog1 a {
  548. color: {color:Permalink Link};
  549. text-decoration: none;
  550. {block:IfLinksHoverFade}-webkit-transition: all 0.5s ease-in-out;
  551. -moz-transition: all 0.5s ease-in-out;
  552. -o-transition: all 0.5s ease-in-out;
  553. -ms-transition: all 0.5s ease-in-out;
  554. transition: all 0.5s ease-in-out;{/block:IfLinksHoverFade}
  555. }
  556.  
  557. .entry:hover #reblog1 {
  558. opacity: 1;
  559. }
  560.  
  561. ol.notes {
  562. margin-top: 10px;
  563. margin-left: -25px;
  564. padding-bottom: 5px;
  565. text-transform: uppercase;
  566. font-family: Titillium Web;
  567. font-size: 8px;
  568. text-align: left;
  569. list-style-type: none;
  570. }
  571.  
  572. /*PAGINATION*/
  573.  
  574. #pagination {
  575. z-index: 99;
  576. position: fixed;
  577. font-size: 11px;
  578. padding: 2px;
  579. margin-top: 20px;
  580. margin-bottom: 10px;
  581. margin-left: 80px;
  582. font-family: Titillium Web;
  583. {block:IndexPage}
  584. {block:IfInfiniteScroll}display: none;{/block:IfInfiniteScroll}
  585. {block:IfNotInfiniteScroll}display: visible;{/block:IfNotInfiniteScroll}
  586. {/block:IndexPage}
  587. }
  588.  
  589. #pagination a {
  590. display: inline-block;
  591. font-size: 11px;
  592. padding: 2px;
  593. width: 12px;
  594. margin: 2px;
  595. margin-bottom: 10px;
  596. background-color: {color:Pagination Link BG};
  597. text-align: center;
  598. color: {color:Pagination Link Text};
  599. {block:IndexPage}
  600. {block:IfInfiniteScroll}display: none;{/block:IfInfiniteScroll}
  601. {block:IfNotInfiniteScroll}display: visible;{/block:IfNotInfiniteScroll}
  602. {/block:IndexPage}
  603. }
  604.  
  605. span.highlight1 {
  606. color: {color:Pagination Current Text};
  607. background-color: {color:Pagination Current BG};
  608. padding: 2px 0px 2px 0px;
  609. }
  610.  
  611. /*AUDIO*/
  612.  
  613. #audio img {
  614. {block:IfGridTheme}max-width: 230px;{/block:IfGridTheme}
  615. {block:IfPosts250}max-width: 230px;{/block:IfPosts250}
  616. {block:IfNotPosts250}{block:IfNotGridTheme}max-width: 60px;{/block:IfNotGridTheme}{/block:IfNotPosts250}
  617. float: left;
  618. margin-right: 5px;
  619. border: 10px solid {color:Entries Border};
  620. {block:IfNotPosts250}{block:IfNotGridTheme}border: 5px solid {color:Entries Border};max-width: 60px;{/block:IfNotGridTheme}{/block:IfNotPosts250}
  621. margin-bottom: 5px;
  622. }
  623.  
  624. #audiop img {
  625. width: 480px;
  626. border: 10px solid {color:Entries Border};
  627. margin-bottom: 5px;
  628. }
  629.  
  630. #player {
  631. background-color: #e4e4e4;
  632. width: 25px;
  633. height: 25px;
  634. {block:IfGridTheme}padding: 20px;{/block:IfGridTheme}
  635. {block:IfPosts250}padding: 20px;{/block:IfPosts250}
  636. {block:IfNotPosts250}{block:IfNotGridTheme}padding: 5px;{/block:IfNotGridTheme}{/block:IfNotPosts250}
  637. {block:IfGridTheme}margin-left: 88px;
  638. margin-top: 88px;{/block:IfGridTheme}
  639. {block:IfPosts250}margin-left: 88px;
  640. margin-top: 88px;{/block:IfPosts250}
  641. {block:IfNotGridTheme}{block:IfNotPosts250}
  642. margin-left: 18px;
  643. margin-top: 18px;
  644. {/block:IfNotPosts250}{/block:IfNotGridTheme}
  645. overflow: hidden;
  646. position: absolute;
  647. opacity: .6;
  648. -webkit-transition: all 0.5s ease-in-out;
  649. -moz-transition: all 0.5s ease-in-out;
  650. -o-transition: all 0.5s ease-in-out;
  651. -ms-transition: all 0.5s ease-in-out;
  652. transition: all 0.5s ease-in-out;
  653. }
  654.  
  655. #player:hover {
  656. opacity: 1;
  657. }
  658.  
  659. #playerp {
  660. background-color: #e4e4e4;
  661. width: 25px;
  662. height: 25px;
  663. padding: 40px;
  664. margin-top: -330px;
  665. margin-left: 195px;
  666. overflow: hidden;
  667. position: absolute;
  668. opacity: .6;
  669. -webkit-transition: all 0.5s ease-in-out;
  670. -moz-transition: all 0.5s ease-in-out;
  671. -o-transition: all 0.5s ease-in-out;
  672. -ms-transition: all 0.5s ease-in-out;
  673. transition: all 0.5s ease-in-out;
  674. }
  675.  
  676. #playerp:hover {
  677. opacity: 1;
  678. }
  679.  
  680. /*ASK*/
  681.  
  682. #ask {
  683. border-bottom: 5px solid {color:Ask Border};
  684. padding: 0px 0px 3px 1px;
  685. color: {color:Ask Text};
  686. margin-right: 56px;
  687. font-family: Titillium Web;
  688. text-transform: uppercase;
  689. font-size: 9px;
  690. }
  691.  
  692. #portrait img {
  693. float: right;
  694. border: 5px solid {color:Ask Border};
  695. box-shadow: 2px 2px 2px #efefef;
  696. margin: 0px 0px 10px 10px;
  697. }
  698.  
  699. span.highlight2 {
  700. color: {color:Bold Text};
  701. padding: 2px;
  702. font-family: Titillium Web;
  703. text-transform: uppercase;
  704. font-size: 9px;
  705. }
  706.  
  707. /*PHOTO HOVER*/
  708.  
  709. {block:IfImageFade}.photo {
  710. opacity: .7;
  711. -webkit-transition: all 0.5s ease-in-out;
  712. -moz-transition: all 0.5s ease-in-out;
  713. -o-transition: all 0.5s ease-in-out;
  714. -ms-transition: all 0.5s ease-in-out;
  715. transition: all 0.5s ease-in-out;
  716. }
  717.  
  718. .photo:hover {
  719. opacity: 1;
  720. }
  721.  
  722. .entry img {
  723. opacity: .7;
  724. -webkit-transition: all 0.5s ease-in-out;
  725. -moz-transition: all 0.5s ease-in-out;
  726. -o-transition: all 0.5s ease-in-out;
  727. -ms-transition: all 0.5s ease-in-out;
  728. transition: all 0.5s ease-in-out;
  729. }
  730.  
  731. .entry img:hover {
  732. opacity: 1;
  733. }{/block:IfImageFade}
  734.  
  735.  
  736. /*BACK TO TOP*/
  737.  
  738. .top {
  739. position: fixed;
  740. z-index: 999;
  741. font-size: 8px;
  742. font-family: Titillium Web;
  743. text-align: center;
  744. text-transform: uppercase;
  745. letter-spacing: 1px;
  746. }
  747.  
  748. .top a {
  749. color: {color:Back To Top Text};
  750. }
  751.  
  752. #scrollToTop:link, #scrollToTop:visited {
  753. z-index: 999;
  754. display: none;
  755. position: fixed;
  756. bottom: 10px;
  757. right: 10px;
  758. }
  759.  
  760. #credit {
  761. position: fixed;
  762. bottom: 8px;
  763. left: 8px;
  764. font-size: 10px;
  765. }
  766.  
  767. #credit a {
  768. color: #aaa;
  769. }
  770.  
  771. /*TUMBLR STUFF*/
  772.  
  773. iframe#tumblr_controls {
  774. right: 3px !important;
  775. position: fixed !important;
  776. opacity: 0.2;
  777. white-space: nowrap;
  778. -webkit-filter: invert(100%);
  779. -moz-filter: invert(100%);
  780. -o-filter: invert(100%);
  781. -ms-filter: invert(100%);
  782. filter: invert(100%);
  783. -webkit-transition: opacity 0.7s linear;
  784. -webkit-transition: all 0.5s ease-in-out;
  785. -moz-transition: all 0.5s ease-in-out;
  786. -o-transition: all 0.5s ease-in-out;
  787. transition: all 0.5s ease-in-out;
  788. }
  789.  
  790. iframe#tumblr_controls:hover {
  791. opacity: 0.4;
  792. }
  793.  
  794. </style>
  795.  
  796. {block:IfBackToTop}
  797. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  798. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  799.  
  800. <div class="top">
  801. <a href="javascript:;" id="scrollToTop">&#x21e1;<br />back to top</a>
  802. </div>
  803. {/block:IfBackToTop}
  804.  
  805. {block:IfGridTheme}
  806. {block:IndexPage}
  807. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  808.  
  809. {block:IfInfiniteScroll}
  810. <div id="pagination"><a href="/page/2"></a></div>
  811. <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  812. {/block:IfInfiniteScroll}
  813.  
  814. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  815.  
  816. <script>
  817. $(function(){
  818. var $container = $('#container');
  819. $container.imagesLoaded(function(){
  820. $container.masonry({
  821. itemSelector: '.entry',
  822. });
  823. });
  824. $container.infinitescroll({
  825. itemSelector : ".entry",
  826. navSelector : "#pagination",
  827. nextSelector : "#pagination a",
  828. loadingImg : "https://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  829. loadingText : "<em></em>",
  830. bufferPx : 10000,
  831. extraScrollPx: 12000,
  832. },
  833. // trigger Masonry as a callback
  834. function( newElements ) {
  835. var $newElems = $( newElements ).css({ opacity: 0 });
  836. // ensure that images load before adding to masonry layout
  837. $newElems.imagesLoaded(function(){
  838. $newElems.animate({ opacity: 1 });
  839. $container.masonry( 'appended', $newElems, true );
  840. });
  841. }
  842. );
  843. });
  844. </script>
  845. {/block:IndexPage}
  846. {/block:IfGridTheme}
  847.  
  848. {block:IfNotGridTheme}
  849. {block:IfInfiniteScroll}
  850. <script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>
  851. {/block:IfInfiniteScroll}
  852. {/block:IfNotGridTheme}
  853.  
  854. </head><body>
  855.  
  856. <div id="topcorner"></div>
  857. {block:IfShowBottomBG}<div id="bottom"></div>{/block:IfShowBottomBG}
  858.  
  859. <div id="sidebar">
  860.  
  861. <div id="nav">
  862. <a href="/">home</a>
  863. <a href="/ask">message</a>
  864. <a href="/archive">archive</a>
  865. <a href="https://cocorini.tumblr.com" target="_blank">theme</a>
  866. </div>
  867.  
  868. <div style="position: absolute; font-size: 70px; margin-left: 85px; margin-top: -30px; z-index: -1; color: {color:Sidebar Corner 1};">◥</div>
  869. <img src="{image:Sidebar}">
  870. <div style="position: absolute; font-size: 70px; margin-left: -14px; margin-top: -74px; z-index: -1; color: {color:Sidebar Corner 2};">◣</div>
  871. <div id="title">{Title}</div>
  872. <div id="desc">{Description}</div>
  873.  
  874. <div id="customlinks">
  875. {block:IfCustomLink1}
  876. <a href="{block:ifCustomLink1URL}{text:Custom Link 1 URL}{/block:ifCustomLink1URL}">{text:Custom Link 1}</a>
  877. {/block:IfCustomLink1}
  878.  
  879. {block:IfCustomLink2}
  880. <a href="{block:ifCustomLink2URL}{text:Custom Link 2 URL}{/block:ifCustomLink2URL}">{text:Custom Link 2}</a>
  881. {/block:IfCustomLink2}
  882.  
  883. {block:IfCustomLink3}
  884. <a href="{block:ifCustomLink3URL}{text:Custom Link 3 URL}{/block:ifCustomLink3URL}">{text:Custom Link 3}</a>
  885. {/block:IfCustomLink3}
  886.  
  887. {block:IfCustomLink4}
  888. <a href="{block:ifCustomLink4URL}{text:Custom Link 4 URL}{/block:ifCustomLink4URL}">{text:Custom Link 4}</a>
  889. {/block:IfCustomLink4}
  890.  
  891. {block:IfCustomLink5}
  892. <a href="{block:ifCustomLink5URL}{text:Custom Link 5 URL}{/block:ifCustomLink5URL}">{text:Custom Link 5}</a>
  893. {/block:IfCustomLink5}
  894.  
  895. {block:IfCustomLink6}
  896. <a href="{block:ifCustomLink6URL}{text:Custom Link 6 URL}{/block:ifCustomLink6URL}">{text:Custom Link 6}</a>
  897. {/block:IfCustomLink6}
  898. </div>
  899.  
  900. {block:Pagination}
  901. <div id="pagination">
  902. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  903. {block:JumpPagination length="5"}
  904. {block:CurrentPage}<span class="current_page"><span class="highlight1">&nbsp;&nbsp;&nbsp;{PageNumber}&nbsp;&nbsp;&nbsp;</span></span>{/block:CurrentPage}
  905. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  906. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  907. </div>
  908. {/block:Pagination}
  909. </div>
  910.  
  911. <div id="container">
  912. {block:Posts}
  913. <div class="entry">
  914.  
  915. {block:Text}
  916. {block:Title}<div id="entrytitle"><font color="{color:Sidebar Corner 1}">◤</font> {Title} <font color="{color:Sidebar Corner 2}">◢</font></div>{/block:Title}
  917. {Body}
  918. {/block:Text}
  919.  
  920. {block:Photo}
  921. {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}
  922. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  923. {/block:Photo}
  924.  
  925. {block:Photoset}
  926. {block:IndexPage}
  927. {block:IfNotGridTheme}
  928. {block:IfPosts250}<div class="photo">{Photoset-250}</div>{/block:IfPosts250}
  929. {block:IfPosts400}<div class="photo">{Photoset-400}</div>{/block:IfPosts400}
  930. {block:IfNotPosts250}{block:IfNotPosts400}<div class="photo">{Photoset-500}</div>{/block:IfNotPosts400}{/block:IfNotPosts250}
  931. {/block:IfNotGridTheme}
  932. {block:IfGridTheme}<div class="photo">{Photoset-250}</div>{/block:IfGridTheme}
  933. {/block:IndexPage}
  934. {block:PermalinkPage}<div class="photo">{Photoset-500}</div>{/block:PermalinkPage}
  935. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  936. {/block:Photoset}
  937.  
  938. {block:Audio}
  939. {block:IndexPage}
  940. {block:AlbumArt}<div id="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  941. <div id="player">{AudioPlayerGrey}</div>
  942. {block:Artist}<span class="highlight2"><b>Artist:</b> {Artist}{/block:Artist}</span><br />{block:Album}<span class="highlight2"><b>Album:</b> {Album}{/block:Album}</span><br /><span class="highlight2">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}</span><br /><span class="highlight2"><b>Plays:</b> {FormattedPlayCount}</span>
  943. {block:IfNotPosts250}{block:IfNotGridTheme}<div style="margin-top: 18px;"></div>{/block:IfNotGridTheme}{/block:IfNotPosts250}
  944. {/block:IndexPage}
  945. {block:PermalinkPage}
  946. {block:AlbumArt}<div id="audiop"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  947. <div id="playerp">{AudioPlayerGrey}</div>
  948. {block:Artist}<span class="highlight2"><b>Artist:</b> {Artist}{/block:Artist}</span><br />{block:Album}<span class="highlight2"><b>Album:</b> {Album}{/block:Album}</span><br /><span class="highlight2">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}</span><br /><span class="highlight2"><b>Plays:</b> {FormattedPlayCount}</span>
  949. {/block:PermalinkPage}
  950. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  951. {/block:Audio}
  952.  
  953. {block:Video}
  954. {block:IndexPage}
  955. {block:IfNotGridTheme}
  956. {block:IfPosts250}{Video-250}{/block:IfPosts250}
  957. {block:IfPosts400}{Video-400}{/block:IfPosts400}
  958. {block:IfNotPosts250}{block:IfNotPosts400}{Video-500}{/block:IfNotPosts400}{/block:IfNotPosts250}
  959. {/block:IfNotGridTheme}
  960. {block:IfGridTheme}{Video-250}{/block:IfGridTheme}
  961. {/block:IndexPage}
  962. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  963. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  964. {/block:Video}
  965.  
  966. {block:Quote}
  967. {Quote}
  968. <div style="text-align: right; font-size: 9px; font-style: italic; padding-top: 3px;">—{Source}</div>
  969. {/block:Quote}
  970.  
  971. {block:Link}
  972. <div id="entrytitle"><font color="{color:Sidebar Corner 1}">◤</font> <t><a href="{URL}" {Target}>{Name}</a></t> <font color="{color:Sidebar Corner 2}">◢<font></div>
  973. {Description}
  974. {/block:Link}
  975.  
  976. {block:Chat}
  977. {block:Title}{Title}{/block:Title}
  978. {block:Lines}<span class="highlight2">{block:Label}{Label}{/block:Label}</span> {Line}<br>{/block:Lines}
  979. {/block:Chat}
  980.  
  981. {block:Answer}
  982. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  983. <div id="ask">{Asker} <b>sent:</b> {Question}</div>
  984. {Answer}
  985. {/block:Answer}
  986.  
  987. {block:IndexPage}
  988. {block:IfGridTheme}
  989. <div id="permalink">
  990. {block:Date}<b>Posted</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date}
  991. {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  992. {block:IfShowLikeReblog}<div id="reblog">{LikeButton size="13"} <div style="margin-top: -16px; margin-left: 18px;">{ReblogButton size="13"}</div></div>{/block:IfShowLikeReblog}
  993. {/block:IfGridTheme}
  994. {block:IfPosts250}
  995. <div id="permalink">
  996. {block:Date}<b>Posted</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date}
  997. {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  998. {block:IfShowLikeReblog}<div id="reblog">{LikeButton size="13"} <div style="margin-top: -16px; margin-left: 18px;">{ReblogButton size="13"}</div></div>{/block:IfShowLikeReblog}
  999. {/block:IfPosts250}
  1000. {block:IfNotPosts250}{block:IfNotGridTheme}
  1001. <div id="permalink1">
  1002. {block:Date}<b>Posted</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date}
  1003. {block:NoteCount}with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1004. {block:IfShowTags}{block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}{/block:IfShowTags}
  1005. </div>
  1006. {block:IfShowLikeReblog}<div id="reblog1">{LikeButton size="13"} <div style="margin-top: -16px; margin-left: 18px;">{ReblogButton size="13"}</div></div>{/block:IfShowLikeReblog}
  1007. {/block:IfNotGridTheme}{/block:IfNotPosts250}
  1008. {/block:IndexPage}
  1009.  
  1010. {block:PermalinkPage}
  1011. {block:IfNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotShowCaptions}
  1012. <div id="permalinks">
  1013. {block:Date}<b>Posted</b> {12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}{/block:Date}
  1014. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  1015. {block:RebloggedFrom}<br><b>&copy;</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1016. {block:HasTags}<br><b>Tagged</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  1017. </div>
  1018. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1019. {/block:PermalinkPage}
  1020. </div>
  1021.  
  1022. {/block:Posts}
  1023.  
  1024. </div><div>
  1025.  
  1026. <div id="credit"><a href="https://cocorini.tumblr.com" target="_blank">☂</a></div>
  1027.  
  1028.  
  1029. </body>
  1030. </html>
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!