SHARE
TWEET

Theme: Zophier

mugendia Mar 6th, 2013 (edited) 54,514 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://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='http://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 (http://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="http://media.tumblr.com/3d89aae17e699c1c8983154722f9a157/tumblr_inline_mjatubVxSH1qz4rgp.png"/>
  60. <meta name="image:Corner BG" content="http://media.tumblr.com/9f898ea82f4e950bce83a0c02acffb23/tumblr_inline_mjatukKz7t1qz4rgp.png"/>
  61. <meta name="image:Bottom BG" content=""/>
  62. <meta name="image:Sidebar" content="http://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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  798. <script src="http://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="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  812. {/block:IfInfiniteScroll}
  813.  
  814. <script src="http://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 : "http://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="http://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="http://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="http://cocorini.tumblr.com" target="_blank">☂</a></div>
  1027.  
  1028.  
  1029. </body>
  1030. </html>
RAW Paste Data
Top