API tools faq
paste
Advertisement
ochizukes

Power Up! Theme

ochizukes
Mar 18th, 2014
6,407
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 49.27 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. Power Up!
  7. Terms of Use: http://maomuthemes.tumblr.com/#tou
  8. Support: http://maomuthemes.tumblr.com/ask
  9.  
  10. This theme is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license.
  11.  
  12. http://creativecommons.org/licenses/by-nc-nd/4.0/
  13.  
  14. Please check out my theme shop! http://maomu.storenvy.com
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20.  
  21. <!-- BEGIN VARIABLE CODE -->
  22.  
  23. <!-- COLORS -->
  24.  
  25. <meta name="color:Ask BG" content="#ffffff"/>
  26. <meta name="color:Ask Border" content="#e1efde"/>
  27. <meta name="color:Ask Text" content="#abc2a7"/>
  28. <meta name="color:Audio BG" content="#f9eef1"/>
  29. <meta name="color:Audio Border" content="#fcdbe6"/>
  30. <meta name="color:Background" content="#f0efef"/>
  31. <meta name="color:Blockquote" content="#dfe7f0"/>
  32. <meta name="color:Blockquote BG" content="#f3f9fa"/>
  33. <meta name="color:Chat Border" content="#ebe0ed"/>
  34. <meta name="color:Chat Even" content="#f4eef6"/>
  35. <meta name="color:Chat Odd" content="#ffffff"/>
  36. <meta name="color:Header BG" content="#ffffff"/>
  37. <meta name="color:Header Border" content="#c7e4c8"/>
  38. <meta name="color:Highlight BG" content=""/>
  39. <meta name="color:Highlight Text" content=""/>
  40. <meta name="color:Link" content="#f4c4dd"/>
  41. <meta name="color:Link Hover" content="#f6deae"/>
  42. <meta name="color:Link Post BG" content="#faf3ea"/>
  43. <meta name="color:Link Post Border" content="#fae8cd"/>
  44. <meta name="color:Navicon 1" content="#ffffff"/>
  45. <meta name="color:Navicon 2" content="#ffffff"/>
  46. <meta name="color:Navicon 1 BG" content="#f9eef1"/>
  47. <meta name="color:Navicon 2 BG" content="#dfe7f0"/>
  48. <meta name="color:Navicon 1 Border" content="#ffffff"/>
  49. <meta name="color:Navicon 2 Border" content="#ffffff"/>
  50. <meta name="color:Pagination BG" content="#ffffff"/>
  51. <meta name="color:Pagination Border" content="#e9e9e9"/>
  52. <meta name="color:Perma BG" content="#e1efde"/>
  53. <meta name="color:Perma Hover" content="#f4eef6"/>
  54. <meta name="color:Post BG" content="#ffffff"/>
  55. <meta name="color:Post Border" content="#ffffff"/>
  56. <meta name="color:Post Title" content="#dcd0dc"/>
  57. <meta name="color:Post Title BG" content="#f4eef6"/>
  58. <meta name="color:Post Wrap BG" content="#ffffff"/>
  59. <meta name="color:Post Wrap Border" content="#ffffff"/>
  60. <meta name="color:Quote" content="#b0b0b0"/>
  61. <meta name="color:Scrollbar BG" content="#ffffff"/>
  62. <meta name="color:Scrollbar Face" content="#cce0f4"/>
  63. <meta name="color:Shadow" content="#f6d9c5"/>
  64. <meta name="color:Sidebar BG" content="#ffffff"/>
  65. <meta name="color:Sidebar Border" content="#ffffff"/>
  66. <meta name="color:Sidebar Text" content="#b0cde6"/>
  67. <meta name="color:Tag BG" content="#f4f3f3"/>
  68. <meta name="color:Tag Border" content="#e9e9e9"/>
  69. <meta name="color:Text" content="#acabab"/>
  70. <meta name="color:Title" content="#c7e4c8"/>
  71. <meta name="color:Title BG" content="#ffffff"/>
  72. <meta name="color:Tooltip BG" content="#ffffff"/>
  73. <meta name="color:Tooltip Border" content="#bae1bb"/>
  74. <meta name="color:Tooltip Text" content="#bae1bb"/>
  75.  
  76. <!-- IMAGES -->
  77.  
  78. <meta name="image:Background" content=""/>
  79. <meta name="image:Back To Top" content=""/>
  80. <meta name="image:Cursor" content=""/>
  81. <meta name="image:Favicon" content=""/>
  82. <meta name="image:Header BG" content=""/>
  83. <meta name="image:Permalink BG" content=""/>
  84. <meta name="image:Post Wrap BG" content=""/>
  85. <meta name="image:Sidebar" content=""/>
  86.  
  87. <!-- OPTIONS -->
  88.  
  89. <meta name="if:1 Column" content="1"/>
  90. <meta name="if:2 Column" content="0"/>
  91. <meta name="if:250px Posts" content="1"/>
  92. <meta name="if:400px Posts" content="0"/>
  93. <meta name="if:Audio Player White" content="1"/>
  94. <meta name="if:Custom Cursor" content="0"/>
  95. <meta name="if:Fullscreen Background" content="0"/>
  96. <meta name="if:Header" content="0"/>
  97. <meta name="if:Hover Permalink" content="0"/>
  98. <meta name="if:Page Loading GIF" content="0"/>
  99. <meta name="if:Photo Fade" content="1"/>
  100. <meta name="if:Rounded Corners" content="0"/>
  101. <meta name="if:Shadow" content="0"/>
  102. <meta name="if:Show Caption" content="1"/>
  103. <meta name="if:Show Description" content="1"/>
  104. <meta name="if:Show Tags" content="1"/>
  105.  
  106. <meta name="if:Description Border" content="1"/>
  107. <meta name="if:Header Border" content="0"/>
  108. <meta name="if:Post Border" content="1"/>
  109. <meta name="if:Post Wrap Border" content"1"/>
  110. <meta name="if:Sidebar Border" content="1"/>
  111.  
  112. <meta name="if:Transparent Description" content="1"/>
  113. <meta name="if:Transparent Header" content="0"/>
  114. <meta name="if:Transparent Permalink" content="0"/>
  115. <meta name="if:Transparent Posts" content="1"/>
  116. <meta name="if:Transparent Post Wrap" content="1"/>
  117. <meta name="if:Transparent Sidebar" content="1"/>
  118.  
  119. <!-- TEXT -->
  120.  
  121. <meta name="text:Description Title" content="Hello!"/>
  122. <meta name="text:Dropdown Title" content="Menu"/>
  123. <meta name="text:Link 1" content=""/>
  124. <meta name="text:Link 1 URL" content=""/>
  125. <meta name="text:Link 2" content=""/>
  126. <meta name="text:Link 2 URL" content=""/>
  127. <meta name="text:Link 3" content=""/>
  128. <meta name="text:Link 3 URL" content=""/>
  129. <meta name="text:Link 4" content=""/>
  130. <meta name="text:Link 4 URL" content=""/>
  131. <meta name="text:Link 5" content=""/>
  132. <meta name="text:Link 5 URL" content=""/>
  133. <meta name="text:Loading GIF" content="http://static.tumblr.com/jhhfv1l/zXMm8eug4/loading.gif"/>
  134. <meta name="text:Post Margin" content="-60px"/>
  135. <meta name="text:Sidebar Width" content="90px"/>
  136. <meta name="text:Sidebar Margin X" content="40px"/>
  137. <meta name="text:Sidebar Margin Y" content="200px"/>
  138.  
  139. <!-- SELECT -->
  140.  
  141. <meta name="select:Description Color" content="0,0,0" title="Dark">
  142. <meta name="select:Description Color" content="255,255,255" title="Light">
  143. <meta name="select:Description Transparency" content="1" title="Opaque">
  144. <meta name="select:Description Transparency" content=".9" title="90%">
  145. <meta name="select:Description Transparency" content=".8" title="80%">
  146. <meta name="select:Description Transparency" content=".7" title="70%">
  147. <meta name="select:Description Transparency" content=".6" title="60%">
  148. <meta name="select:Description Transparency" content=".5" title="50%">
  149. <meta name="select:Description Transparency" content=".4" title="40%">
  150. <meta name="select:Description Transparency" content=".3" title="30%">
  151. <meta name="select:Description Transparency" content=".2" title="20%">
  152. <meta name="select:Description Transparency" content=".1" title="10%">
  153. <meta name="select:Description Transparency" content=".0" title="Transparent">
  154.  
  155. <meta name="select:Header Color" content="0,0,0" title="Dark">
  156. <meta name="select:Header Color" content="255,255,255" title="Light">
  157. <meta name="select:Header Transparency" content="1" title="Opaque">
  158. <meta name="select:Header Transparency" content=".9" title="90%">
  159. <meta name="select:Header Transparency" content=".8" title="80%">
  160. <meta name="select:Header Transparency" content=".7" title="70%">
  161. <meta name="select:Header Transparency" content=".6" title="60%">
  162. <meta name="select:Header Transparency" content=".5" title="50%">
  163. <meta name="select:Header Transparency" content=".4" title="40%">
  164. <meta name="select:Header Transparency" content=".3" title="30%">
  165. <meta name="select:Header Transparency" content=".2" title="20%">
  166. <meta name="select:Header Transparency" content=".1" title="10%">
  167. <meta name="select:Header Transparency" content=".0" title="Transparent">
  168.  
  169. <meta name="select:Post Color" content="0,0,0" title="Dark">
  170. <meta name="select:Post Color" content="255,255,255" title="Light">
  171. <meta name="select:Post Transparency" content="1" title="Opaque">
  172. <meta name="select:Post Transparency" content=".9" title="90%">
  173. <meta name="select:Post Transparency" content=".8" title="80%">
  174. <meta name="select:Post Transparency" content=".7" title="70%">
  175. <meta name="select:Post Transparency" content=".6" title="60%">
  176. <meta name="select:Post Transparency" content=".5" title="50%">
  177. <meta name="select:Post Transparency" content=".4" title="40%">
  178. <meta name="select:Post Transparency" content=".3" title="30%">
  179. <meta name="select:Post Transparency" content=".2" title="20%">
  180. <meta name="select:Post Transparency" content=".1" title="10%">
  181. <meta name="select:Post Transparency" content=".0" title="Transparent">
  182.  
  183. <meta name="select:Post Wrap Color" content="0,0,0" title="Dark">
  184. <meta name="select:Post Wrap Color" content="255,255,255" title="Light">
  185. <meta name="select:Post Wrap Transparency" content="1" title="Opaque">
  186. <meta name="select:Post Wrap Transparency" content=".9" title="90%">
  187. <meta name="select:Post Wrap Transparency" content=".8" title="80%">
  188. <meta name="select:Post Wrap Transparency" content=".7" title="70%">
  189. <meta name="select:Post Wrap Transparency" content=".6" title="60%">
  190. <meta name="select:Post Wrap Transparency" content=".5" title="50%">
  191. <meta name="select:Post Wrap Transparency" content=".4" title="40%">
  192. <meta name="select:Post Wrap Transparency" content=".3" title="30%">
  193. <meta name="select:Post Wrap Transparency" content=".2" title="20%">
  194. <meta name="select:Post Wrap Transparency" content=".1" title="10%">
  195. <meta name="select:Post Wrap Transparency" content=".0" title="Transparent">
  196.  
  197. <meta name="select:Sidebar Color" content="0,0,0" title="Dark">
  198. <meta name="select:Sidebar Color" content="255,255,255" title="Light">
  199. <meta name="select:Sidebar Transparency" content="1" title="Opaque">
  200. <meta name="select:Sidebar Transparency" content=".9" title="90%">
  201. <meta name="select:Sidebar Transparency" content=".8" title="80%">
  202. <meta name="select:Sidebar Transparency" content=".7" title="70%">
  203. <meta name="select:Sidebar Transparency" content=".6" title="60%">
  204. <meta name="select:Sidebar Transparency" content=".5" title="50%">
  205. <meta name="select:Sidebar Transparency" content=".4" title="40%">
  206. <meta name="select:Sidebar Transparency" content=".3" title="30%">
  207. <meta name="select:Sidebar Transparency" content=".2" title="20%">
  208. <meta name="select:Sidebar Transparency" content=".1" title="10%">
  209. <meta name="select:Sidebar Transparency" content=".0" title="Transparent">
  210.  
  211. <!-- END VARIABLE CODE -->
  212.  
  213.     <title>{Title}</title>
  214.     <link rel="shortcut icon" href="{Image:Favicon}">
  215.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  216.     <meta name="description" content="" />
  217.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  218.    
  219.  
  220. <style type="text/css">
  221.  
  222. /*FONTS. If you want to add any custom or Google fonts, you'd paste them here.*/
  223.  
  224. @import url(http://weloveiconfonts.com/api/?family=entypo);
  225.  
  226. /* entypo */
  227. [class*="entypo-"]:before {
  228.   font-family: 'entypo', sans-serif;
  229. }
  230.  
  231. /*TUMBLR CONTROLS*/
  232.  
  233. iframe#tumblr_controls{
  234. /*Don't touch this*/
  235. position: fixed !important;
  236. z-index:9999;
  237. -webkit-transition: all 0.8s ease-out;
  238. -moz-transition: all 0.8s ease-out;
  239. transition: all 0.8s ease-out;
  240. /*The filter that makes the controls white. Remove this if you want the default controls.*/
  241. -webkit-filter: invert(100%);
  242. -moz-filter: invert(100%);
  243. -o-filter: invert(100%);
  244. -ms-filter: invert(100%);
  245. filter: invert(100%);
  246. /*The opacity is how transparent your controls are, 0 being invisible and 1 being completely visible.*/
  247. opacity:0.25;}
  248.  
  249. iframe#tumblr_controls:hover{
  250. /*Don't touch this*/
  251. -webkit-transition: all 0.4s ease-out;
  252. -moz-transition: all 0.4s ease-out;
  253. transition: all 0.4s ease-out;
  254. /*The filter that makes the controls white. Remove this if you want the default controls.*/
  255. -webkit-filter: invert(100%);
  256. z-index:9999;-moz-filter: invert(100%);
  257. -o-filter: invert(100%);
  258. -ms-filter: invert(100%);
  259. filter: invert(100%);
  260. /*The opacity is how transparent your controls are when you hover over them, 0 being invisible and 1 being completely visible.*/
  261. opacity:0.8;}
  262.  
  263. /*SCROLLBAR*/
  264.  
  265. ::-webkit-scrollbar{
  266. height: 0px;
  267. width: 9px;
  268. background:{color:Scrollbar Face};
  269. border: 4px solid {color:Scrollbar BG};
  270. opacity:0;}
  271.  
  272. ::-webkit-scrollbar-thumb{
  273. background:{color:Scrollbar Face};
  274. border: {color:Scrollbar BG} solid 2px;
  275. height:8px;
  276. width: 11px;
  277. {block:IfRoundedCorners}
  278. -webkit-border--radius:9px;
  279. -moz-border-radius:9px;
  280. border-radius:9px;
  281. {/block:IfRoundedCorners}}
  282.  
  283. /*BODY PROPERTIES*/
  284.  
  285. body{
  286. /*Body font*/
  287. font-size:11px;
  288. letter-spacing:0px;
  289. font-family:calibri;
  290. color:{color:Text};
  291. /*Background image. You can change center to left or right. If your background image isn't uploading, try pasting the url between the quotations.*/
  292. background:{color:Background} url('{image:Background}') center center fixed repeat;
  293. /*Don't touch this*/
  294. {block:IfFullscreenBackground}
  295. background-size: cover;
  296. {/block:IfFullscreenBackground}
  297. margin:0;padding:0;}
  298.  
  299. /*LINKS*/
  300.  
  301. a{
  302. /*Link color*/
  303. color:{color:Link};
  304. /*How you want your links to appear. Can be none, underline, overline, or line-through.*/
  305. text-decoration:none;
  306. /*Don't touch this*/
  307. -moz-transition-duration: 0.5s;
  308. -o-transition-duration: 0.5s;
  309. -webkit-transition-duration: 0.5s;
  310. transition-duration: 0.5s;}
  311.  
  312. a:hover{
  313. /*Link color on hover*/
  314. color:{color:Link Hover};
  315. /*Don't touch this*/
  316. -moz-transition-duration: 0.5s;
  317. -o-transition-duration: 0.5s;
  318. -webkit-transition-duration: 0.5s;
  319. transition-duration: 0.5s;}
  320.  
  321. /*BULLETED LISTS*/
  322.  
  323. .posts li{
  324. list-style: square;
  325. margin-left:-10px;
  326. max-width:100%;}
  327.  
  328. /*BLOCKQUOTES*/
  329.  
  330. .posts blockquote{
  331. border-left:2px solid {color:Blockquote};
  332. padding-left:8px;
  333. padding-top:1px;
  334. padding-bottom:1px;
  335. padding-right:8px;
  336. background:{color:Blockquote BG};
  337. margin-left:15px;
  338. width:87%;
  339. max-width:100%;}
  340.  
  341. /*SELECTION TEXT (highlight)*/
  342.  
  343. ::selection {
  344. background:{color:Highlight BG};
  345. color:{color:Highlight Text};}
  346.  
  347. ::-moz-selection{
  348. background:{color:Highlight BG};
  349. color:{color:Highlight Text};}
  350.  
  351. /*HEADER BAR*/
  352.  
  353. .headbar{
  354. /*How thick you want your header to be*/
  355. height:40px;
  356. /*Don't touch this*/
  357. width:100%;
  358. overflow:hidden;
  359. {block:IfTransparentHeader}
  360. background-color:rgba({select:Header Color}, {select:Header Transparency});
  361. {/block:IfTransparentHeader}
  362. {block:IfNotTransparentHeader}
  363. background-color:{color:Header BG};background-image:url('{image:Header BG}');
  364. {/block:IfNotTransparentHeader}
  365. {block:IfHeaderBorder}
  366. border-bottom:1px solid {color:Header Border};
  367. {/block:IfHeaderBorder}
  368. position:fixed;
  369. z-index:99;
  370. top:0px;}
  371.  
  372. /*HEADER TITLE*/
  373.  
  374. .headertitle{
  375. /*Title font*/
  376. color:{color:Title};
  377. font-size:16px;
  378. font-family:calibri;
  379. text-transform:uppercase;
  380. letter-spacing:5px;
  381. /*If you change the height of the header or your title font size, you might want to adjust its margin from the top.*/
  382. margin-top:10px;}
  383.  
  384. /*DO NOT TOUCH*/
  385.  
  386. .container {
  387. width:800px;
  388. margin:auto;
  389. background:transparent;
  390. padding-left:0px;}
  391.  
  392. /*SIDEBAR*/
  393.  
  394. .side{
  395. margin-left:{text:Sidebar Margin X};
  396. position:relative;
  397. background:transparent;}
  398.  
  399. .sidebar{
  400. /*Don't touch this*/
  401. width:{text:Sidebar Width};
  402. padding-left:20px;
  403. padding-top:20px;
  404. padding-bottom:20px;
  405. padding-right:20px;
  406. {block:IfTransparentSidebar}
  407. background-color:rgba({select:Sidebar Color}, {select:Sidebar Transparency});
  408. {/block:IfTransparentSidebar}
  409. {block:IfNotTransparentSidebar}
  410. background-color:{color:Sidebar BG};
  411. {/block:IfNotTransparentSidebar}
  412. position: fixed;
  413. margin-left:-250px;
  414. margin-top:160px;
  415. /*Sidebar border. Can be solid, dotted, dashed, or double.*/
  416. {block:IfSidebarBorder}
  417. border:1px solid {color:Sidebar Border};
  418. {/block:IfSidebarBorder}
  419. /*Change how much the sidebar curves with the rounded corners option. The higher the number, the more it curves.*/
  420. {block:IfRoundedCorners}
  421. -webkit-border--radius:7px;
  422. -moz-border-radius:7px;
  423. border-radius:7px;
  424. {/block:IfRoundedCorners}
  425. /*If you want a different sidebar shadow, paste it here*/
  426. {block:IfShadow}
  427. -webkit-box-shadow: 6px 6px 0px -1px {color:Shadow};
  428. box-shadow: 6px 6px 0px -1px {color:Shadow};
  429. {/block:IfShadow}}
  430.  
  431. /*SIDEBAR IMAGE*/
  432.  
  433. .sidebarimage{
  434. /*Don't touch this*/
  435. max-width:{text:Sidebar Width};
  436. /*Change how much the sidebar image curves with the rounded corners option. The higher the number, the more it curves.*/
  437. {block:IfRoundedCorners}
  438. -webkit-border--radius:5px;
  439. -moz-border-radius:5px;
  440. border-radius:5px;
  441. {/block:IfRoundedCorners}}
  442.  
  443. /*DROPDOWN MENU*/
  444.  
  445. .links_list{
  446. margin-top:8px;
  447. padding:0px;
  448. width:{text:Sidebar Width};
  449. background:{color:Title BG};
  450. color:{color:Title};}
  451.  
  452. .links_head{
  453. padding-top:3px;
  454. padding-bottom:3px;
  455. cursor:pointer;
  456. position:relative;
  457. margin:1px;
  458. text-align:center;
  459. font-family:trebuchet ms;
  460. font-size:8px;
  461. text-transform:uppercase;
  462. letter-spacing:1px;}
  463.  
  464. .links_body{
  465. text-align:left;
  466. display:none;
  467. font-family:trebuchet ms;
  468. font-size:7px;
  469. text-transform:uppercase;
  470. letter-spacing:1px;
  471. line-height:15px;
  472. padding-bottom:7px;}
  473.  
  474. /*DESCRIPTION*/
  475.  
  476. .infobox{
  477. /*Don't touch this*/
  478. width:{text:Sidebar Width};
  479. max-height:76px;
  480. overflow-x:hidden;
  481. overflow-y:auto;
  482. position:fixed;
  483. padding-left:20px;
  484. padding-top:20px;
  485. padding-right:20px;
  486. padding-bottom:10px;
  487. margin-left:-250px;
  488. margin-top:40px;
  489. z-index:-1;
  490. {block:IfTransparentDescription}
  491. background-color:rgba({select:Description Color}, {select:Description Transparency});
  492. {/block:IfTransparentDescription}
  493. {block:IfNotTransparentDescription}
  494. background-color:{color:Sidebar BG};
  495. {/block:IfNotTransparentDescription}
  496. /*Description border. Can be solid, dotted, dashed, or double.*/
  497. {block:IfDescriptionBorder}
  498. border:1px solid {color:Sidebar Border};
  499. {/block:IfDescriptionBorder}
  500. /*Text align can be left, center, or right.*/
  501. text-align:center;
  502. /*If you want a different description shadow, paste it here*/
  503. {block:IfShadow}
  504. -webkit-box-shadow: 6px 6px 0px -1px {color:Shadow};
  505. box-shadow: 6px 6px 0px -1px {color:Shadow};
  506. {/block:IfShadow}
  507. /*Change how much the description box curves with the rounded corners option. The higher the number, the more it curves.*/
  508. {block:IfRoundedCorners}
  509. -webkit-border--radius:7px;
  510. -moz-border-radius:7px;
  511. border-radius:7px;
  512. {/block:IfRoundedCorners}}
  513.  
  514. /*DESCRIPTION TITLE*/
  515.  
  516. .infotitle{
  517. font-family:trebuchet ms;
  518. letter-spacing:1px;
  519. font-size:8px;
  520. text-transform:uppercase;
  521. margin-bottom:-5px;
  522. margin-top:-10px;
  523. background:{color:Title BG};
  524. color:{color:Title};
  525. margin-left:-20px;
  526. width:{text:Sidebar Width};
  527. padding-bottom:2px;
  528. padding-top:2px;
  529. padding-left:20px;
  530. padding-right:20px;
  531. text-align:center;}
  532.  
  533. /*DESCRIPTION TEXT*/
  534.  
  535. .info{
  536. padding-top:1px;
  537. padding-bottom:3px;
  538. font-family:trebuchet ms;
  539. text-transform:uppercase;
  540. letter-spacing:1px;
  541. font-size:7px;
  542. color:{color:Sidebar Text};
  543. line-height:12px;}
  544.  
  545. /*POST WRAP*/
  546.  
  547. .postcol{
  548. /*Don't touch this*/
  549. position:relative;
  550. margin-left:{text:Post Margin};
  551. {block:IfHeader}
  552. margin-top:0px;
  553. padding-top:40px;
  554. {/block:IfHeader}
  555. {block:IfNotHeader}
  556. margin-top:0px;
  557. {/block:IfNotHeader}
  558. padding-bottom:100px;
  559. {block:IfPostWrapBorder}
  560. border-left:1px solid {color:Post Wrap Border};
  561. border-right:1px solid {color:Post Wrap Border};
  562. {block:PermalinkPage}border-bottom:1px solid #fff;{/block:PermalinkPage}
  563. {/block:IfPostWrapBorder}
  564. {block:IfTransparentPostWrap}
  565. background-color:rgba({select:Post Wrap Color}, {select:Post Wrap Transparency});
  566. {/block:IfTransparentPostWrap}
  567. {block:IfNotTransparentPostWrap}
  568. background-color:{color:Post Wrap BG};background-image:url('{image:Post Wrap BG}');
  569. {/block:IfNotTransparentPostWrap}
  570.  
  571. /*Depending on post size, columns, and the kind of permalink you select, the post wrap changes size. This is to make sure the background is even on both sides, no matter what you select.*/
  572.  
  573. {block:If250pxPosts}
  574. {block:If1Column}
  575. width:421px;
  576. {/block:If1Column}
  577.  
  578. {block:If2Column}
  579. width:831px;
  580. {/block:If2Column}
  581. {/block:If250pxPosts}
  582.  
  583. {block:If400pxPosts}
  584. width:571px;
  585. {/block:If400pxPosts}
  586.  
  587. {block:IfHoverPermalink}
  588. padding-left:19px;
  589. {/block:IfHoverPermalink}
  590.  
  591. {block:IfNotHoverPermalink}
  592. {block:IfNotTransparentPermalink}
  593. padding-left:70px;
  594. {/block:IfNotTransparentPermalink}
  595. {block:IfTransparentPermalink}
  596. padding-left:50px;
  597. {/block:IfTransparentPermalink}
  598. {/block:IfNotHoverPermalink}}
  599.  
  600. /*POSTS*/
  601.    
  602. .posts{
  603. /*Left margin between posts (2 columns)*/
  604. margin:60px;
  605. /*Post border. Can be solid, dotted, dashed, or double.*/
  606. {block:IfPostBorder}
  607. border:1px solid {color:Post Border};
  608. {/block:IfPostBorder}
  609. /*How close your posts are to the left without hover permalink selected*/
  610. {block:IfNotHoverPermalink}
  611. {block:IfNotTransparentPermalink}
  612. padding-left:25px;
  613. {/block:IfNotTransparentPermalink}
  614. {/block:IfTransparentPermalink}
  615. padding-left:20px;
  616. {/block:IfTransparentPermalink}
  617. {/block:IfNotHoverPermalink}
  618. /*Change how much your posts curve with the rounded corners option. The higher the number, the more it curves.*/
  619. {block:IfRoundedCorners}
  620. -webkit-border-top-right-radius:7px;
  621. -webkit-border-bottom-right-radius:7px;
  622. -moz-border-radius-topright:7px;
  623. -moz-border-radius-bottomright:7px;
  624. border-top-right-radius:7px;
  625. border-bottom-right-radius:7px;
  626. {block:IfTransparentPermalink}
  627. -webkit-border-top-left-radius:7px;
  628. -webkit-border-bottom-left-radius:7px;
  629. -moz-border-radius-topleft:7px;
  630. -moz-border-radius-bottomleft:7px;
  631. border-top-left-radius:7px;
  632. border-bottom-left-radius:7px;
  633. {/block:IfTransparentPermalink}
  634. {block:IfHoverPermalink}
  635. -webkit-border-top-left-radius:7px;
  636. -webkit-border-bottom-left-radius:7px;
  637. -moz-border-radius-topleft:7px;
  638. -moz-border-radius-bottomleft:7px;
  639. border-top-left-radius:7px;
  640. border-bottom-left-radius:7px;
  641. {/block:IfHoverPermalink}
  642. {/block:IfRoundedCorners}
  643. /*If you want a different post shadow, paste it here*/
  644. {block:IfShadow}
  645. -webkit-box-shadow: 6px 6px 0px -1px {color:Shadow};
  646. box-shadow: 6px 6px 0px -1px {color:Shadow};
  647. {/block:IfShadow}
  648. /*Don't touch this*/
  649. padding:20px;
  650. padding-bottom:7px;
  651. {block:If250pxPosts}
  652. width:250px;
  653. {/block:If250pxPosts}
  654. {block:If400pxPosts}
  655. width:400px;
  656. {/block:If400pxPosts}
  657. {block:IfTransparentPosts}
  658. background-color:rgba({select:Post Color}, {select:Post Transparency});
  659. {/block:IfTransparentPosts}
  660. {block:IfNotTransparentPosts}
  661. background-color:{color:Post BG};background-image:url('{image:Post BG}');
  662. {/block:IfNotTransparentPosts}
  663. text-align: justify;
  664. float:right;
  665. margin-bottom:-12px;
  666. -webkit-transition: all 0.4s ease-out;
  667. -moz-transition: all 0.4s ease-out;
  668. transition: all 0.4s ease-out;}
  669.  
  670. /*If you don't want your posts to be opaque on hover, delete this*/
  671.  
  672. {block:IfTransparentPosts}
  673. .posts:hover{
  674.  background-color:rgba({select:Post Color}, 1);
  675. -webkit-transition: all 0.4s ease-out;
  676. -moz-transition: all 0.4s ease-out;
  677. transition: all 0.4s ease-out;}
  678. {/block:IfTransparentPosts}
  679.  
  680. /*TEXT AND CHAT POST TITLE*/
  681.  
  682. .posts h2{
  683. font-size:8px;
  684. letter-spacing:1px;
  685. font-family:trebuchet ms;
  686. text-transform:uppercase;
  687. text-align:right;
  688. color:{color:Post Title};
  689. font-weight: normal;
  690. line-height:13px;
  691. margin: 0px;
  692. border-left:21px solid {color:Post Title};
  693. background:{color:Post Title BG};
  694. padding:7px;
  695. {block:IfRoundedCorners}
  696. -webkit-border--radius:3px;
  697. -moz-border-radius:3px;
  698. border-radius:3px
  699. {/block:IfRoundedCorners}}
  700.  
  701. /*LINK POST TITLE*/
  702.  
  703. .posts h3{
  704. font-size:8px;
  705. letter-spacing:1px;
  706. font-family:trebuchet ms;
  707. text-transform:uppercase;
  708. text-align:right;
  709. font-weight: normal;
  710. line-height:13px;
  711. margin: 0px;
  712. border-bottom:3px solid {color:Link Post Border};
  713. background:{color:Link Post BG};
  714. padding:7px;
  715. {block:IfRoundedCorners}
  716. -webkit-border--radius:3px;
  717. -moz-border-radius:3px;
  718. border-radius:3px
  719. {/block:IfRoundedCorners}
  720. transition: all 0.4s ease-out;
  721. -o-transition: all 0.4s ease-out;
  722. -webkit-transition: all 0.4s ease-out;
  723. -moz-transition: all 0.4s ease-out;}
  724.  
  725. /*PHOTOS*/
  726.  
  727. .posts img{
  728. max-width:100%;
  729. {block:IfPhotoFade}
  730. -webkit-transition: opacity 0.4s linear;
  731. -moz-transition: opacity 0.4s linear;
  732. opacity: 0.8;
  733. {/block:IfPhotoFade}}
  734.  
  735. .posts img:hover{
  736. {block:IfPhotoFade}
  737. -webkit-transition: opacity 0.4s linear;
  738. -moz-transition: opacity 0.4s linear;
  739. opacity: 1;
  740. {/block:IfPhotoFade}}
  741.  
  742. /*PHOTOSETS*/
  743.  
  744. .photoset{
  745. {block:IfPhotoFade}
  746. -webkit-transition: opacity 0.4s linear;
  747. -moz-transition: opacity 0.4s linear;
  748. opacity: 0.8;
  749. {/block:IfPhotoFade}}
  750.  
  751. .photoset:hover{
  752. {block:IfPhotoFade}
  753. -webkit-transition: opacity 0.4s linear;
  754. -moz-transition: opacity 0.4s linear;
  755. opacity: 1;
  756. {/block:IfPhotoFade}}
  757.  
  758. /*QUOTES*/
  759.  
  760. .quote{
  761. color:{color:Quote};
  762. font-size:8px;
  763. letter-spacing:1px;
  764. font-family:trebuchet ms;
  765. text-transform:uppercase;
  766. text-align:right;
  767. font-weight:normal;
  768. line-height:13px;}
  769.  
  770. .source{
  771. font-family:trebuchet ms;
  772. font-style:normal;
  773. font-size:7px;
  774. text-transform:uppercase;
  775. letter-spacing:1px;
  776. text-align:right;
  777. margin-top:8px;
  778. background:transparent;
  779. color:{color:Text};}
  780.  
  781. /*CHATS*/
  782.  
  783. .chat{
  784. margin: 0px 0px 0 0px;
  785. font-size:11px;
  786. line-height:15px;}
  787.  
  788. .chat .lines{
  789. margin-left: 0px;}
  790.  
  791. .chat .lines .line{
  792. border-left:6px solid {color:Chat Border};
  793. border-right:0px solid #ccc;
  794. background-color:{color:Chat Odd};
  795. color:{color:Text};
  796. margin-bottom: 4px;
  797. padding: 7px 9px;
  798. {block:IfRoundedCorners}
  799. -webkit-border--radius:3px;
  800. -moz-border-radius:3px;
  801. border-radius:3px
  802. {/block:IfRoundedCorners}
  803. transition: all 0.4s ease-out;
  804. -o-transition: all 0.4s ease-out;
  805. -webkit-transition: all 0.4s ease-out;
  806. -moz-transition: all 0.4s ease-out;}
  807.  
  808. .chat .lines .line.even{
  809. border-left:0px solid #ccc;
  810. border-right:6px solid {color:Chat Border};
  811. background-color: {color:Chat Even};
  812. {block:IfRoundedCorners}
  813. -webkit-border--radius:3px;
  814. -moz-border-radius:3px;
  815. border-radius:3px;
  816. {/block:IfRoundedCorners}
  817. transition: all 0.4s ease-out;
  818. -o-transition: all 0.4s ease-out;
  819. -webkit-transition: all 0.4s ease-out;
  820. -moz-transition: all 0.4s ease-out;}
  821.  
  822. .posts:hover .chat .lines .line{
  823. border-right:6px solid {color:Chat Border};
  824. border-left:0px solid {color:Chat Border};
  825. background-color:{color:Chat Odd};
  826. color:{color:Text};
  827. margin-bottom: 4px;
  828. padding: 7px 9px;
  829. {block:IfRoundedCorners}
  830. -webkit-border--radius:3px;
  831. -moz-border-radius:3px;
  832. border-radius:3px
  833. {/block:IfRoundedCorners}
  834. transition: all 0.4s ease-out;
  835. -o-transition: all 0.4s ease-out;
  836. -webkit-transition: all 0.4s ease-out;
  837. -moz-transition: all 0.4s ease-out;}
  838.  
  839. .posts:hover .chat .lines .line.even{
  840. border-left:6px solid {color:Chat Border};
  841. border-right:0px solid {color:Chat Border};
  842. background-color: {color:Chat Even};
  843. {block:IfRoundedCorners}
  844. -webkit-border--radius:3px;
  845. -moz-border-radius:3px;
  846. border-radius:3px;
  847. {/block:IfRoundedCorners}
  848. transition: all 0.4s ease-out;
  849. -o-transition: all 0.4s ease-out;
  850. -webkit-transition: all 0.4s ease-out;
  851. -moz-transition: all 0.4s ease-out;}
  852.  
  853. /*AUDIO*/
  854.  
  855. #audio{
  856. padding:4px;
  857. background:{color:Audio BG};
  858. border:1px solid {color:Audio Border};
  859. height:100%;
  860. {block:IfRoundedCorners}
  861. -webkit-border--radius:5px;
  862. -moz-border-radius:5px;
  863. border-radius:5px;
  864. {/block:IfRoundedCorners}
  865. transition: all 0.4s ease-out;
  866. -o-transition: all 0.4s ease-out;
  867. -webkit-transition: all 0.4s ease-out;
  868. -moz-transition: all 0.4s ease-out;}
  869.  
  870. #audio:hover{
  871. height:100%;
  872. transition: all 0.4s ease-out;
  873. -o-transition: all 0.4s ease-out;
  874. -webkit-transition: all 0.4s ease-out;
  875. -moz-transition: all 0.4s ease-out;}
  876.  
  877. .tumblr_audio_player{height:80px;
  878. {block:IfRoundedCorners}
  879. -webkit-border--radius:5px;
  880. -moz-border-radius:5px;
  881. border-radius:5px;
  882. {/block:IfRoundedCorners}
  883. {block:If250pxPosts}width:240px;{/block:If250pxPosts}
  884. {block:If400pxPosts}width:390px;{/block:If400pxPosts}}
  885.  
  886. /*CAPTIONS*/
  887.  
  888. .caption{
  889. font-family:Calibri;
  890. font-size:10px;
  891. padding-top:0px;
  892. padding-bottom:1px;
  893. margin-top:-11px;
  894. margin-bottom:-11px;
  895. background:transparent;
  896. border:0px solid {color:Caption Border};
  897. {block:IfRoundedCorners}
  898. -webkit-border--radius:4px;
  899. -moz-border-radius:4px;
  900. border-radius:4px;
  901. {/block:IfRoundedCorners}}
  902.  
  903. /*PERMALINK*/
  904.  
  905. .perma1{
  906. position:absolute;
  907. margin-left:-78px;
  908. top:0px;
  909. padding-left:12px;
  910. padding-right:12px;
  911. max-width:34px;
  912. {block:IfNotPostBorder}
  913. margin-top:0px;
  914. {/block:IfNotPostBorder}
  915. {block:IfPostBorder}
  916. margin-top:-1px;
  917. {/block:IfPostBorder}
  918. {block:IfTransparentPermalink}
  919. background:transparent;
  920. border-top:0px solid {color:Post Border};
  921. border-bottom:0px solid {color:Post Border};
  922. border-left:0px solid {color:Post Border};
  923. {/block:IfTransparentPermalink}
  924. {block:IfNotTransparentPermalink}
  925. background:{color:Perma BG} url('{image:Permalink BG}');
  926. {block:IfPostBorder}
  927. border-top:1px solid {color:Post Border};
  928. border-bottom:1px solid {color:Post Border};
  929. border-left:1px solid {color:Post Border};
  930. {/block:IfPostBorder}
  931. {/block:IfNotTransparentPermalink}
  932. -moz-transition-duration: 0.5s;
  933. -o-transition-duration: 0.5s;
  934. -webkit-transition-duration: 0.5s;
  935. transition-duration: 0.5s;
  936. {block:IfHoverPermalink}
  937. opacity:0;
  938. margin-left:0px;
  939. {/block:IfHoverPermalink}
  940. height:100%;
  941. {block:IfRoundedCorners}
  942. -webkit-border-top-left-radius:7px;
  943. -webkit-border-bottom-left-radius:7px;
  944. -moz-border-radius-topleft:7px;
  945. -moz-border-radius-bottomleft:7px;
  946. border-top-left-radius:7px;
  947. border-bottom-left-radius:7px;
  948. {/block:IfRoundedCorners}}
  949.  
  950. .perma1:hover{
  951. position: absolute;
  952. margin-left:-78px;
  953. {block:IfNotPostBorder}
  954. margin-top:0px;
  955. {/block:IfNotPostBorder}
  956. {block:IfPostBorder}
  957. margin-top:-1px;
  958. {/block:IfPostBorder}
  959. top:0px;
  960. padding-left:12px;
  961. padding-right:12px;
  962. max-width:34px;
  963. background:{color:Perma Hover} url('{image:Permalink BG}');}
  964.  
  965. /*HOVER PERMALINK*/
  966.  
  967. {block:IfHoverPermalink}
  968. .posts .perma1{
  969. margin-top:0px;
  970. margin-left:-20px;
  971. opacity:0;}
  972.  
  973. .posts:hover .perma1{
  974. margin-top: 0px;
  975. margin-left:-74px;
  976. opacity: 1;}
  977. {/block:IfHoverPermalink}
  978.  
  979. /*PERMALINK BORDERS*/
  980.  
  981. .border1{
  982. width:58px;
  983. margin-top:0px;
  984. position:absolute;
  985. margin-left:-12px;
  986. {block:IfPostBorder}
  987. height:49px;
  988. border-bottom:1px solid {color:Post Border};
  989. {/block:IfPostBorder}
  990. {block:IfNotTransparentPermalink}
  991. background:{color:Navicon 1 BG};
  992. {block:IfNotPostBorder}
  993. border-bottom:1px solid {color:Post Border};
  994. height:50px;
  995. {/block:IfNotPostBorder}
  996. {/block:IfNotTransparentPermalink}
  997. {block:IfTransparentPermalink}
  998. background:transparent;
  999. {/block:IfTransparentPermalink}
  1000. {block:IfRoundedCorners}
  1001. -webkit-border-top-left-radius:7px;
  1002. -moz-border-radius-topleft:7px;
  1003. border-top-left-radius:7px;
  1004. {/block:IfRoundedCorners}}
  1005.  
  1006. .border2{
  1007. width:58px;
  1008. height:49px;
  1009. position:absolute;
  1010. margin-left:-12px;
  1011. margin-top:50px;
  1012. {block:IfNotTransparentPermalink}
  1013. background:{color:Navicon 2 BG};
  1014. {block:IfPostBorder}
  1015. border-bottom:1px solid {color:Post Border};
  1016. {/block:IfPostBorder}
  1017. {/block:IfNotTransparentPermalink}
  1018. {block:IfTransparentPermalink}
  1019. background:transparent;
  1020. {/block:IfTransparentPermalink}}
  1021.  
  1022. .posts .via{
  1023. margin-top:0px;
  1024. opacity:0;
  1025. font-family:calibri;
  1026. font-size:8px;
  1027. letter-spacing:1px;
  1028. text-transform:uppercase;
  1029. -moz-transition-duration: 0.3s;
  1030. -o-transition-duration: 0.3s;
  1031. -webkit-transition-duration: 0.3s;
  1032. transition-duration: 0.3s;}
  1033.  
  1034. .posts .sourcee{
  1035. opacity:0;
  1036. font-family:calibri;
  1037. font-size:8px;
  1038. letter-spacing:1px;
  1039. text-transform:uppercase;
  1040. -moz-transition-duration: 0.3s;
  1041. -o-transition-duration: 0.3s;
  1042. -webkit-transition-duration: 0.3s;
  1043. transition-duration: 0.3s;}
  1044.  
  1045. .posts .nnotes{
  1046. opacity:0;
  1047. font-family:calibri;
  1048. font-size:8px;
  1049. letter-spacing:1px;
  1050. text-transform:uppercase;
  1051. -moz-transition-duration: 0.3s;
  1052. -o-transition-duration: 0.3s;
  1053. -webkit-transition-duration: 0.3s;
  1054. transition-duration: 0.3s;}
  1055.  
  1056. .posts:hover .via{
  1057. opacity:1;
  1058. background:transparent;
  1059. margin-top:90px;
  1060. margin-left:-12px;
  1061. width:53px;
  1062. text-align:left;
  1063. padding-left:5px;
  1064. padding-bottom:4px;
  1065. border-bottom:1px solid {color:Post Border};
  1066. font-family:calibri;
  1067. font-size:8px;
  1068. letter-spacing:1px;
  1069. text-transform:uppercase;
  1070. -moz-transition-duration: 0.3s;
  1071. -o-transition-duration: 0.3s;
  1072. -webkit-transition-duration: 0.3s;
  1073. transition-duration: 0.3s;}
  1074.  
  1075. .posts:hover .sourcee{
  1076. opacity:1;
  1077. background:transparent;
  1078. margin-top:-7px;
  1079. margin-left:-12px;
  1080. width:53px;
  1081. text-align:left;
  1082. padding-left:5px;
  1083. padding-bottom:4px;
  1084. border-bottom:1px solid {color:Post Border};
  1085. font-family:calibri;
  1086. font-size:8px;
  1087. letter-spacing:1px;
  1088. text-transform:uppercase;
  1089. -moz-transition-duration: 0.3s;
  1090. -o-transition-duration: 0.3s;
  1091. -webkit-transition-duration: 0.3s;
  1092. transition-duration: 0.3s;}
  1093.  
  1094. .posts:hover .nnotes{
  1095. opacity:1;
  1096. background:transparent;
  1097. margin-top:-8px;
  1098. margin-left:-12px;
  1099. width:53px;
  1100. text-align:left;
  1101. padding-left:5px;
  1102. padding-bottom:4px;
  1103. border-bottom:1px solid {color:Post Border};
  1104. font-family:calibri;
  1105. font-size:8px;
  1106. letter-spacing:1px;
  1107. text-transform:uppercase;
  1108. -moz-transition-duration: 0.3s;
  1109. -o-transition-duration: 0.3s;
  1110. -webkit-transition-duration: 0.3s;
  1111. transition-duration: 0.3s;}
  1112.  
  1113. /*NOTE CONTAINER*/
  1114.  
  1115. #notecontainer{
  1116. background:transparent;
  1117. list-style-type:none;
  1118. font-family:courier new;
  1119. font-size:8px;
  1120. text-transform:uppercase;
  1121. line-height:13px;
  1122. text-align:left;
  1123. margin-left:-20px;
  1124. color:{color:Text};}
  1125.  
  1126. #notecontainer img.avatar{
  1127. margin-left:-10px;
  1128. width:0px;
  1129. height:0px;
  1130. border:0px solid #000;
  1131. padding:0px;
  1132. list-style-type:none}
  1133.  
  1134. #note img{
  1135. -moz-border-radius: 50px;
  1136. -webkit-border-radius: 50px;
  1137. border-radius: 50px;}
  1138.  
  1139. ol.notes{
  1140. max-height:200px;
  1141. overflow-y:scroll;
  1142. overflow-x:hidden;
  1143. list-style-type:none;}
  1144.  
  1145. /*STYLE MY TOOLTIPS*/
  1146.  
  1147. #s-m-t-tooltip{
  1148. max-width:100px;
  1149. z-index:9999;
  1150. margin:24px 14px 7px 12px;
  1151. padding:4px;
  1152. background:{color:Tooltip BG};
  1153. {block:IfRoundedCorners}
  1154. -moz-border-radius:2px;
  1155. -webkit-border-radius:2px;
  1156. border-radius:2px;
  1157. {/block:IfRoundedCorners}
  1158. border:1px solid {color:Tooltip Border};
  1159. font-family:trebuchet ms;
  1160. font-size:8px;
  1161. letter-spacing:1px;
  1162. line-height:100%;
  1163. text-transform:uppercase;
  1164. color:{color:Tooltip Text};}
  1165.  
  1166. /*PAGINATION*/
  1167.  
  1168. #pagin{
  1169. position:absolute;
  1170. bottom:30px;
  1171. {block:IndexPage}
  1172. right:70px;
  1173. {/block:IndexPage}}
  1174.  
  1175. #pagin a{
  1176. font:italic 10px calibri;
  1177. letter-spacing:1px;
  1178. text-transform:lowercase;
  1179. {block:IfNotTransparentPosts}
  1180. background:{color:Pagination BG};
  1181. {/block:IfNotTransparentPosts}
  1182. {block:IfTransparentPosts}
  1183. background-color:rgba({select:Post Color}, {select:Post Transparency});
  1184. {/block:IfTransparentPosts}
  1185. padding:2px 7px 4px 7px;
  1186. {block:IfPostBorder}
  1187. border:1px solid {color:Pagination Border};
  1188. {/block:IfPostBorder}}
  1189.  
  1190. /*BACK TO TOP BUTTON*/
  1191.  
  1192. .topp{
  1193. font-family:consolas;
  1194. font-size:10px;}
  1195.  
  1196. #scrollToTop:link,
  1197. #scrollToTop:visited{
  1198. color: #000000;
  1199. background-color: transparent;
  1200. display: none;
  1201. position: fixed;
  1202. bottom: 10px;
  1203. right: 10px;}
  1204.  
  1205. /*DON'T TOUCH THIS*/
  1206.  
  1207. .pagination{
  1208. display: none;}
  1209.  
  1210. /*PRELOADER*/
  1211.  
  1212. .loader{
  1213. position:fixed;
  1214. left:0px;
  1215. top:0px;
  1216. width:100%;
  1217. height:100%;
  1218. z-index:999999;
  1219. background:url('{text:Loading GIF}') 50% 50% no-repeat rgb(255,255,255);}
  1220.  
  1221. </style>
  1222.  
  1223. <!-- STYLE MY TOOLTIPS SCRIPT -->
  1224.  
  1225. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  1226.  
  1227. <style type="text/css">{CustomCSS}</style>
  1228.  
  1229. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  1230.  
  1231. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1232. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1233. <script>
  1234.     (function($){
  1235.         $(document).ready(function(){
  1236.             $("[title]").style_my_tooltips();
  1237.         });
  1238.     })(jQuery);
  1239. </script>
  1240.  
  1241. <!-- MULTICOLUMN SCRIPT -->
  1242.    
  1243. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  1244. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  1245.  
  1246. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1247.  
  1248. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1249.  
  1250. <script>
  1251. $(function(){
  1252. var $container = $('.postcol');
  1253. $container.imagesLoaded(function(){
  1254. $container.masonry({
  1255. itemSelector: '.posts',
  1256. });
  1257. });
  1258. $container.infinitescroll({
  1259. itemSelector : ".posts",
  1260. navSelector : "div.pagination",
  1261. nextSelector : ".pagination a#next",
  1262. loadingImg : "",
  1263. loadingText : "<em></em>",
  1264. bufferPx : 10000,
  1265. extraScrollPx: 12000,
  1266. },
  1267. // trigger Masonry as a callback
  1268. function( newElements ) {
  1269.   var $newElems = $( newElements ).css({ opacity: 0 });
  1270. // ensure that images load before adding to masonry layout
  1271. $newElems.imagesLoaded(function(){
  1272. $newElems.animate({ opacity: 1 });
  1273. $container.masonry( 'appended', $newElems, true );
  1274. });
  1275. }
  1276. );
  1277. });
  1278. </script>
  1279.  
  1280. <!-- BACK TO TOP SCRIPT -->
  1281.  
  1282. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1283.  
  1284. <!-- DROPDOWN MENU SCRIPT -->
  1285.  
  1286. <script type="text/javascript">
  1287. $(document).ready(function(){
  1288. $(".links_body").hide();
  1289. $(".links_head").click(function(){
  1290. $(this).next(".links_body").slideToggle('fast');
  1291. }); }); </script>
  1292.  
  1293. <!-- PAGE LOAD SCRIPT -->
  1294.  
  1295. <script type="text/javascript">
  1296. $(window).load(function() {
  1297.     $(".loader").fadeOut("slow");
  1298. })
  1299. </script>
  1300.  
  1301. </head>
  1302.  
  1303. <body>
  1304.  
  1305. {block:IfPageLoadingGIF}
  1306. <div class="loader"></div>
  1307. {/block:IfPageLoadingGIF}
  1308.  
  1309. <!-- BEGIN CUSTOM CURSOR CODE -->
  1310.  
  1311. <style>body, a, a:hover {block:IfNotCustomCursor}{ cursor:default; }{/block:IfNotCustomCursor}{block:IfCustomCursor}{ cursor:url('{image:Cursor}'), auto}{/block:IfCustomCursor}</style>
  1312.  
  1313. <!-- END CUSTOM CURSOR CODE -->
  1314.  
  1315. <!-- BEGIN HEADER BAR CODE -->
  1316.  
  1317. {block:IfHeader}
  1318. <div class="headbar">
  1319. <center><div class="headertitle">&nbsp;{Title}</div></center>
  1320. </div>
  1321. {/block:IfHeader}
  1322.  
  1323. <!-- END HEADER BAR CODE -->
  1324.  
  1325. <div class="container">
  1326.  
  1327. <!-- BEGIN SIDEBAR CODE -->
  1328.  
  1329. <div class="side">
  1330. <div class="sidebar" style="margin-top:{text:Sidebar Margin Y};margin-left:-274px;">
  1331.  
  1332. <!-- BEGIN SIDEBAR IMAGE CODE -->
  1333.  
  1334. <a title="index" href="/"><img {block:IfPhotoFade}style="opacity:.7"{/block:IfPhotoFade} src="{image:Sidebar}" class="sidebarimage"></a><br>
  1335.  
  1336. <!-- END SIDEBAR IMAGE CODE -->
  1337.  
  1338. <!-- BEGIN DROPDOWN CODE -->
  1339.  
  1340. <div class="links_list">
  1341. <p class="links_head">{text:Dropdown Title}</p>
  1342. <div class="links_body">
  1343. <center>
  1344. <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  1345. <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  1346. <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
  1347. <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  1348. <a href="{text:Link 5 URL}">{text:Link 5}</a><br>
  1349. </center>
  1350. </div></div>
  1351.  
  1352. <!-- END DROPDOWN CODE -->
  1353.  
  1354. <!-- BEGIN DESCRIPTION CODE -->
  1355.  
  1356. {block:IfShowDescription}
  1357. <div class="infobox" style="margin-left:-21px;">
  1358. <div class="infotitle">{text:Description Title}</div><br>
  1359. <span class="info">{Description}</span></div>
  1360. {/block:IfShowDescription}
  1361.  
  1362. <!-- END DESCRIPTION CODE -->
  1363.  
  1364. </div>
  1365. </div>
  1366.  
  1367. <!-- END SIDEBAR CODE -->
  1368.  
  1369. <!-- BEGIN POST CODE -->
  1370.  
  1371. <div class="postcol">
  1372. {block:Posts}
  1373. <div class="posts">
  1374.  
  1375. <!-- BEGIN PERMALINK CODE -->
  1376.  
  1377. <div style="width:70px" class="perma1">
  1378. <div style="z-index:1;position:absolute;margin-top:15px;margin-bottom:10px;margin-left:-3px;">&nbsp;<a href="{Permalink}" title="Permalink" style="{block:IfRoundedCorners}
  1379. -webkit-border--radius:4px;
  1380. -moz-border-radius:4px;
  1381. border-radius:4px;
  1382. {/block:IfRoundedCorners}background:{color:Navicon 1 BG};padding-left:5px;padding-right:5px;padding-top:3px;border:5px solid {color:Navicon 1 Border};color:{color:Navicon 1};font-size:18px;"><span class="entypo-heart"></span></a><br><br>
  1383. &nbsp;<a style="{block:IfRoundedCorners}
  1384. -webkit-border--radius:4px;
  1385. -moz-border-radius:4px;
  1386. border-radius:4px;
  1387. {/block:IfRoundedCorners}margin-top:7px;z-index:1;position:absolute;padding-left:3px;padding-right:3px;padding-top:2px;border:5px solid {color:Navicon 2 Border};color:{color:Navicon 2};background:{color:Navicon 2 BG};font-size:19px;" href="{ReblogURL}" title="Reblog" target="_blank" class="details"><span class="entypo-retweet"></span></a></div>
  1388. <div class="border1" content=""/></div>
  1389. <div class="border2" content=""/></div><br>
  1390. <div class="via">{block:RebloggedFrom}<a title="Via" href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div><br>
  1391. {block:ContentSource}<div class="sourcee"><a href="{SourceURL}" title="Source">Source</a></div><br>{/block:ContentSource}
  1392. <div class="nnotes"><a href="{Permalink}" title="This post has {NoteCount} notes">{NoteCount} notes</a></div>
  1393. </div>
  1394.  
  1395. <!-- END PERMALINK CODE -->
  1396.  
  1397. <!-- BEGIN PHOTO CODE -->
  1398.  
  1399. {block:Photo}
  1400.  
  1401. {block:If250pxPosts}
  1402. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{LinkCloseTag}{/block:PermalinkPage}
  1403. {/block:If250pxPosts}
  1404.  
  1405. {block:If400pxPosts}
  1406. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}{/block:PermalinkPage}
  1407. {/block:If400pxPosts}<br><br>
  1408.  
  1409. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}
  1410. {block:IfHoverCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfHoverCaption}
  1411. {block:IfNotShowCaption}{block:IfNotHoverCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}{/block:IfNotHoverCaption}{/block:IfNotShowCaption}
  1412.  
  1413. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1414. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1415.  
  1416. {/block:Photo}
  1417.  
  1418. <!-- END PHOTO CODE -->
  1419.  
  1420. <!-- BEGIN PHOTOSET CODE -->
  1421.  
  1422. {block:Photoset}
  1423.  
  1424. {block:If250pxPosts}
  1425. <div class="photoset">{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}</div><br>
  1426. {/block:If250pxPosts}
  1427.  
  1428. {block:If400pxPosts}
  1429. <div class="photoset">{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</div><br>
  1430. {/block:If400pxPosts}
  1431.  
  1432. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}{/block:IfNotShowCaption}
  1433.  
  1434. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1435. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1436.  
  1437. {/block:Photoset}
  1438.  
  1439. <!-- END PHOTOSET CODE -->
  1440.  
  1441. <!-- BEGIN TEXT CODE -->
  1442.  
  1443. {block:Text}
  1444.  
  1445. {block:Title}<h2>■ {Title}</h2>{/block:Title}
  1446.  
  1447. <font style="line-height:15px;">{Body}</font><br>
  1448.  
  1449. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1450. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1451.  
  1452. {/block:Text}
  1453.  
  1454. <!-- END TEXT CODE -->
  1455.  
  1456. <!-- BEGIN QUESTION CODE -->
  1457.  
  1458. {block:Answer}
  1459. <div style="padding:15px;background:{color:Ask BG};color:{color:Ask Text};font-family:trebuchet ms;font-size:7px;letter-spacing:1px;text-transform:uppercase;line-height:12px;border-left:2px solid {color:Ask Border};border-right:2px solid {color:Ask Border};">{Asker} asked: {Question}</div>
  1460. <div class="triangle"></div>
  1461. <br>
  1462. <div style="background:transparent;margin-top:-14px;padding-top:1px;line-height:15px;">{Answer}</div>
  1463. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1464. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1465. {/block:Answer}
  1466.  
  1467. <!-- END QUESTION CODE -->
  1468.  
  1469. <!-- BEGIN QUOTE CODE -->
  1470.  
  1471. {block:Quote}
  1472.  
  1473. <div class="quote">
  1474. <div class="quotetext_{Length}">"{Quote}"</div>
  1475. {block:Source}<div class="source">■ {Source}</div>{/block:Source}
  1476. </div><br>
  1477.  
  1478. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1479. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1480.  
  1481. {/block:Quote}
  1482.  
  1483. <!-- END QUOTE CODE -->
  1484.  
  1485. <!-- BEGIN LINK CODE -->
  1486.  
  1487. {block:Link}
  1488.  
  1489. <h3><a href="{URL}">■ {Name}</a></h3>
  1490.  
  1491. {block:Description}<font style="line-height:15px;">{Description}</font>{/block:Description}
  1492.  
  1493. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1494. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1495.  
  1496. {/block:Link}
  1497.  
  1498. <!-- END LINK CODE -->
  1499.  
  1500. <!-- BEGIN CHAT CODE -->
  1501.  
  1502. {block:Chat}
  1503.  
  1504. {block:Title}<h2>■ {Title}</h2><br>{/block:Title}
  1505.  
  1506. <div class="chat">
  1507. <div class="lines">
  1508. {block:Lines}
  1509. <div class="line {Alt}">{block:Label}<font style="font-family:trebuchet ms;font-size:8px;letter-spacing:1px;text-transform:uppercase;">{Label}</font>{/block:Label} {Line}</div>
  1510. {/block:Lines}
  1511. </div>
  1512. </div>
  1513. <div style="height:10px;"></div>
  1514.  
  1515. {block:IfShowTags}{block:HasTags}<div style="border-top:1px solid {color:Tag Border};font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;">{block:Tags}
  1516. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1517.  
  1518. {/block:Chat}
  1519.  
  1520. <!-- END CHAT CODE -->
  1521.  
  1522. <!-- BEGIN AUDIO CODE -->
  1523.  
  1524. {block:Audio}
  1525.  
  1526. <div id="audio">
  1527. <a style="margin-top: 20px;">
  1528. <div class="tumblr_audio_player">
  1529.         {block:AudioEmbed}{block:If250pxPosts}{AudioEmbed-250}{/block:If250pxPosts}{block:If400pxPosts}{AudioEmbed-400}{/block:If400pxPosts}{/block:AudioEmbed}
  1530.         {block:AudioPlayer}
  1531.                 {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfNotAudioPlayerWhite}{AudioPlayerBlack}{/block:IfNotAudioPlayerWhite}{/block:AudioPlayer}</div>
  1532. </a>
  1533.  
  1534. </div>
  1535.    
  1536. <br>
  1537.  
  1538. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}
  1539.  
  1540. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1541. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1542.  
  1543. {/block:Audio}
  1544.  
  1545. <!-- END AUDIO CODE -->
  1546.  
  1547. <!-- BEGIN VIDEO CODE -->
  1548.  
  1549. {block:Video}
  1550.  
  1551. {block:If250pxPosts}
  1552. {block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-250}{/block:PermalinkPage}{/block:If250pxPosts}
  1553.  
  1554. {block:If400pxPosts}
  1555. {block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:If400pxPosts}<br><br>
  1556.  
  1557. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}
  1558.  
  1559. {block:IfShowTags}{block:HasTags}<div style="font-family:courier new;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-style:italic;text-align:right;padding-top:8px;padding-bottom:3px;border-top:1px solid {color:Tag Border}">{block:Tags}
  1560. +<a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}
  1561.  
  1562. {/block:Video}
  1563.  
  1564. <!-- END VIDEO CODE -->
  1565.  
  1566. <!-- BEGIN NOTE CONTAINER CODE -->
  1567.  
  1568. {block:PermalinkPage}{block:PostNotes}<div id="notecontainer" class="list-style-type:none;">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  1569.  
  1570. <!-- END NOTE CONTAINER CODE -->
  1571.  
  1572. </div>
  1573. {/block:Posts}
  1574.  
  1575. <!-- BEGIN PAGINATION CODE -->
  1576.  
  1577. {block:Pagination}
  1578. <div id="pagin">
  1579. {block:PreviousPage}
  1580. <a title="previous page" href="{PreviousPage}">previous</a>
  1581. {/block:PreviousPage}
  1582. {block:NextPage}
  1583. <a title="next page" href="{NextPage}">next</a>
  1584. {/block:NextPage}
  1585. </div>
  1586. {/block:Pagination}
  1587.  
  1588. <!-- END PAGINATION CODE -->
  1589.  
  1590. <!-- BEGIN CREDIT CODE -->
  1591.  
  1592. <a href="http://evabadon.tumblr.com" title="theme by evabadon"><div style="position:fixed;right:15px;bottom:5px;font-size:13px;background:{color:Post BG};border:1px solid {color:Post Border};padding:3px;padding-left:5px;padding-right:5px;">©</div></a>
  1593.  
  1594. <!-- END CREDIT CODE -->
  1595.  
  1596. </div>
  1597.  
  1598. <!-- END POST CODE -->
  1599.  
  1600. </div>
  1601.  
  1602. <!-- BEGIN BACK TO TOP CODE -->
  1603.  
  1604. <div class="topp"> <a href="javascript:;" id="scrollToTop"><img src="{image:Back To Top}"></a></div>
  1605.  
  1606. <!-- END BACK TO TOP CODE -->
  1607.  
  1608. </body>
  1609. </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!