API tools faq
paste
Advertisement
ochizukes

Gradient Theme: New

ochizukes
Feb 22nd, 2014
950
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--                                        
  3.  
  4. Gradient Theme- Revised
  5.  
  6. Original theme- Redux by Jacob Bijani
  7. Edit- evabadon.tumblr.com
  8.  
  9. Please do not use as a base code or claim as yours. This is a redux edit, but it includes original coding. Thank you.
  10.  
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15. <meta name="color:Ask BG" content="#ffffff" />
  16. <meta name="color:Ask Text" content="#9ec9bc" />
  17. <meta name="color:Background" content="#ffffff" />
  18. <meta name="color:Blockquote" content="#858484"/>
  19. <meta name="color:Bold" content="#6a6a6a"/>
  20. <meta name="color:Borders" content="#ffe0c1"/>
  21. <meta name="color:Button BG" content="#fee5d5"/>
  22. <meta name="color:Button Text" content="#ffffff"/>
  23. <meta name="color:Chat Text" content="#bebebe"/>
  24. <meta name="color:Description BG" content="#ffffff"/>
  25. <meta name="color:Italic" content="#9e9c9c"/>  
  26. <meta name="color:Link" content="#9ec8ef" />
  27. <meta name="color:Link Hover" content="#ffffff" />
  28. <meta name="color:Link Post" content="#c2e3d9" />
  29. <meta name="color:Link Post Hover" content="#a0ddcb"/>
  30. <meta name="color:Pagination BG" content="#ffffff"/>
  31. <meta name="color:Permalink BG" content="#f5f0fd">
  32. <meta name="color:Permatext" content="#dbc5e9">
  33. <meta name="color:Post BG" content="#ffffff">
  34. <meta name="color:Post Border" content="#fccc9b"/>
  35. <meta name="color:Post Shadow" content="#ebdbfb"/>
  36. <meta name="color:Post Title" content="#9ec9bc"/>
  37. <meta name="color:Post Wrap BG" content="#ffffff"/>
  38. <meta name="color:Quote" content="#e5d1f5" />
  39. <meta name="color:Scrollbar Face" content="#f6d3b6">
  40. <meta name="color:Scrollbar BG" content="#ffffff">
  41. <meta name="color:Sidebar BG" content=""/>
  42. <meta name="color:Text" content="#858484"/>
  43. <meta name="color:Title" content="#ffffff"/>
  44. <meta name="color:Title Shadow" content="#f3cdaa"/>
  45. <meta name="color:Tooltip BG" content="#ffffff"/>
  46. <meta name="color:Tooltip Border" content="#dbdada"/>
  47. <meta name="color:Tooltip Text" content="#bbbaba"/>
  48. <meta name="color:Tab 1" content="#fcead8"/>
  49. <meta name="color:Tab 2" content="#ffffff"/>
  50. <meta name="color:Tab 3" content="#f5f9fd"/>
  51. <meta name="color:Top Bar" content="#ffffff"/>
  52.        
  53. <meta name="text:Hover IMG Margin X" content="10px"/>
  54. <meta name="text:Hover IMG Margin Y" content="0px"/>
  55. <meta name="text:Hover IMG Opacity" content="1"/>
  56. <meta name="text:Link 1" content="Link 1"/>
  57. <meta name="text:Link 1 URL" content=""/>
  58. <meta name="text:Link 2" content="Link 2"/>
  59. <meta name="text:Link 2 URL" content=""/>
  60. <meta name="text:Link 3" content="Link 3"/>
  61. <meta name="text:Link 3 URL" content=""/>
  62. <meta name="text:Link 4" content="Link 4"/>
  63. <meta name="text:Link 4 URL" content=""/>
  64. <meta name="text:Link 5" content="Link 5"/>
  65. <meta name="text:Link 5 URL" content=""/>
  66. <meta name="text:Link 6" content="Link 6"/>
  67. <meta name="text:Link 6 URL" content=""/>
  68.  
  69. <meta name="if:Audio Player White" content="1"/>
  70. <meta name="if:Custom Cursor" content="0" />
  71. <meta name="if:Extra Link 1" content="1"/>
  72. <meta name="if:Extra Link 2" content="1"/>
  73. <meta name="if:Extra Link 3" content="1"/>
  74. <meta name="if:Extra Link 4" content="1"/>
  75. <meta name="if:Extra Link 5" content="1"/>
  76. <meta name="if:Extra Link 6" content="1"/>
  77. <meta name="if:Fullscreen Background" content="0">
  78. <meta name="if:Hover IMG Left" content="0"/>
  79. <meta name="if:Jump Pagination" content="1"/>
  80. <meta name="if:Inner Sidebar" content="1"/>
  81. <meta name="if:Photo Fade" content="1">
  82. <meta name="if:Post Shadow" content="1">
  83. <meta name="if:Rounded Corners" content="1" />
  84. <meta name="if:Show Caption" content="0">
  85. <meta name="if:Transparent Body" content="0"/>
  86.  
  87. <meta name="image:Background" content="" />
  88. <meta name="image:Favicon" content="" />
  89. <meta name="image:Hover Image" content=""/>
  90. <meta name="image:Post Wrap BG" content=""/>
  91. <meta name="image:Sidebar" content=""/>
  92. <meta name="image:Sidebar BG" content=""/>
  93.  
  94. <meta name="select:Body Color" content="0,0,0" title="Dark">
  95. <meta name="select:Body Color" content="255,255,255" title="Light">
  96. <meta name="select:Body Transparency" content="1" title="Opaque">
  97. <meta name="select:Body Transparency" content=".9" title="90%">
  98. <meta name="select:Body Transparency" content=".8" title="80%">
  99. <meta name="select:Body Transparency" content=".7" title="70%">
  100. <meta name="select:Body Transparency" content=".6" title="60%">
  101. <meta name="select:Body Transparency" content=".5" title="50%">
  102. <meta name="select:Body Transparency" content=".4" title="40%">
  103. <meta name="select:Body Transparency" content=".3" title="30%">
  104. <meta name="select:Body Transparency" content=".2" title="20%">
  105. <meta name="select:Body Transparency" content=".1" title="10%">
  106. <meta name="select:Body Transparency" content=".0" title="Transparent">
  107.  
  108. <meta name="select:Post Border" content="Solid" title="Solid">
  109. <meta name="select:Post Border" content="Dashed" title="Dashed">
  110. <meta name="select:Post Border" content="Dotted" title="Dotted">
  111. <meta name="select:Post Border" content="None" title="None">
  112.    
  113. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  114. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  115. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  116. <link rel="shortcut icon" href="{image:favicon}" />
  117. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  118. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  119. <style type="text/css">
  120.  
  121. @font-face {font-family:"handy"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/handy00.ttf");}
  122.  
  123. @font-face {font-family:"alt"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/alterebro-pixel-font.ttf");}
  124.  
  125. @font-face {font-family:"silk"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/SILKWONDER.ttf");}
  126.  
  127. @font-face {font-family:"ambrosia"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/AMBROSIA_DEMO.ttf");}
  128.  
  129. @font-face { font-family: 'ronda'; src: url('https://dl.dropboxusercontent.com/u/50899618/Fonts/pf_ronda_seven.ttf'); }
  130.      
  131. body{background:{color:Background} url({image:Background}) center center fixed repeat;
  132. {block:IfFullscreenBackground}
  133. background-size:cover;
  134. {/block:IfFullscreenBackground}
  135. margin:0;
  136. padding:0;
  137. font-family:ronda;
  138. font-size:8px;
  139. line-height:12px;}
  140.  
  141. iframe#tumblr_controls{position:fixed !important;
  142. z-index:999999!important;
  143. -webkit-filter: invert(100%);
  144. -moz-filter: invert(100%);
  145. -o-filter: invert(100%);
  146. -ms-filter: invert(100%);
  147. filter: invert(100%);
  148. opacity:0.3;
  149. -webkit-transition: all 0.8s ease-out;
  150. -moz-transition: all 0.8s ease-out;
  151. transition: all 0.8s ease-out;}
  152.  
  153. iframe#tumblr_controls:hover{-webkit-filter: invert(100%);
  154. -moz-filter: invert(100%);
  155. -o-filter: invert(100%);
  156. -ms-filter: invert(100%);
  157. filter: invert(100%);
  158. opacity:0.8;
  159. -webkit-transition: all 0.4s ease-out;
  160. -moz-transition: all 0.4s ease-out;
  161. transition: all 0.4s ease-out;}
  162.  
  163. ::-webkit-scrollbar{height:12px;
  164. width:8px;
  165. background:{color:Scrollbar BG};
  166. border:2px solid {color:Scrollbar BG};}
  167.  
  168. ::-webkit-scrollbar-thumb{background: {color:Scrollbar Face};
  169. border:2px solid {color:Scrollbar BG};
  170. -webkit-border-radius:5ex;
  171. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  172. -moz-border-radius:4px;
  173. -webkit-border-radius:4px;
  174. border-radius:4px;}
  175.  
  176. .clear{clear:both;
  177. height:0px;
  178. overflow: hidden;}
  179.  
  180. a img{border: none;}
  181.  
  182. #topbar{
  183. position: fixed;
  184. top:0px;
  185. background:{color:Top Bar};
  186. width:100%;
  187. height:37px;
  188. opacity:1;
  189. float:left;
  190. display:block;
  191. border-bottom:1px solid {color:Borders};
  192. }
  193.  
  194. #tab1{
  195. width:81px;
  196. height:37px;
  197. top:0px;
  198. left:0px;
  199. background:{color:Tab 1};
  200. float:left;
  201. }
  202.  
  203. #tab2{
  204. width:81px;
  205. height:37px;
  206. top:0px;
  207. left:80px;
  208. background:{color:Tab 2};
  209. float:left;
  210. }
  211.  
  212. #tab3{
  213. width:80px;
  214. height:37px;
  215. top:0px;
  216. left:160px;
  217. background:{color:Tab 3};
  218. border-right:1px solid {color:Borders};
  219. float:left;
  220. }
  221.  
  222. .navie{
  223. top:0px;
  224. background:{color:Top Bar};
  225. width:742px;
  226. height:37px;
  227. border-right:1px solid {color:Borders};
  228. display:inline-block;
  229. float:left;
  230. z-index:99999!important;
  231. }
  232.  
  233. #inner a{
  234. height:35px;
  235. width:auto;
  236. padding-left:15px;
  237. padding-right:15px;
  238. float:left;
  239. color:{color:Button Text};
  240. font-family:ronda;
  241. font-size:8px;
  242. text-transform:uppercase;
  243. text-align:center;
  244. letter-spacing:0px;
  245. line-height:35px;}
  246.        
  247. #wrapper{width:0px;
  248. margin: 0 auto;
  249. float:left;}
  250.        
  251. #wrapper #content{width:685px;
  252. float:right right;
  253. padding-left:55px;
  254. padding-top:50px;
  255. padding-bottom:40px;
  256. padding-right:5px;
  257. margin-top:37px;
  258. margin-left:240px;
  259. border-right:1px solid {color:Borders};
  260. background:{color:Post Wrap BG} url({image:Post Wrap BG});}
  261.            
  262. #wrapper #content .post{font-family:ronda;
  263. font-size:8px;
  264. float:left;
  265. {block:IndexPage}
  266. width:255px;
  267. {/block:IndexPage}
  268. {block:PermalinkPage}width:405px;{/block:PermalinkPage}
  269. {block:IfNotTransparentBody}
  270. background:{color:Post BG};
  271. {/block:IfNotTransparentBody}
  272. {block:IfTransparentBody}
  273. background-color:rgba({select:Body Color}, {select:Body Transparency});
  274. {/block:IfTransparentBody};
  275. padding:20px;
  276. position: relative;
  277. margin-bottom:45px;
  278. margin-right:45px;
  279. {block:IfPostShadow}
  280. -moz-box-shadow:  4px 4px 4px {color:Post Shadow};
  281. -webkit-box-shadow: 4px 4px 4px {color:Post Shadow};
  282. box-shadow: 4px 4px 4px {color:Post Shadow};
  283. {/block:IfPostShadow}
  284. border: 1px {select:Post Border} {color:Post Border};
  285. {block:IfRoundedCorners}
  286. -moz-border-radius: 7px;
  287. -webkit-border-radius: 7px;
  288. border-radius: 7px;
  289. {/block:IfRoundedCorners}}
  290.                    
  291. #wrapper #content .post .media{text-align:center;
  292. margin-bottom: 7px;}
  293.  
  294. a{color:{color:Link};
  295. text-decoration:none;
  296. -webkit-transition: all 0.2s linear;
  297. -moz-transition: all 0.2s linear;
  298. transition: all 0.2s linear;}
  299.  
  300. a:hover{color:{color:Link Hover};
  301. -webkit-transition: all 0.2s linear;
  302. -moz-transition: all 0.2s linear;
  303. transition: all 0.2s linear;}
  304.  
  305. small{font: 8px ronda !important;letter-spacing:1px !important}
  306. pre {font: 8px ronda !important;letter-spacing:1px !important;overflow:auto}
  307. b, strong {font: 8px ronda !important; color:{color:Bold}; font-weight:700 !important;}
  308. i, em {font: italic 8px ronda !important; color:{color:Italic};}
  309.  
  310. #wrapper #content .post .quotebg{font-size:0px;
  311. opacity: 0.2;
  312. filter: alpha(opacity=20);
  313. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  314. position: absolute;}
  315.  
  316. #wrapper #content .post .quote{color:{color:Quote};
  317. font-family:ronda;
  318. font-style:italic;
  319. font-size:8px;
  320. line-height:20px;
  321. padding-left:5px;
  322. padding-right:2px;}
  323.                        
  324. #wrapper #content .post .copy{color:{color:Text};
  325. padding:8px;
  326. font-size:8px;
  327. line-height:17px;
  328. }
  329.  
  330. #wrapper #content .post .copy a{color:{color:Link};
  331. text-decoration: none;}
  332.  
  333. #wrapper #content .post .copy a:hover{color:{color:Link Hover};
  334. text-decoration: none;}
  335.  
  336. #wrapper #content .post .copy p{margin:10px 0 0 0;
  337. padding: 0;}
  338.  
  339. #wrapper #content .post .copy pre{margin:10px 0px 10px 0px;
  340. padding:10px;
  341. font-family:ronda;
  342. font-size:8px;
  343. letter-spacing:1px;
  344. overflow: auto;}
  345.  
  346. #wrapper #content .post .copy > p:first-child{margin-top: 0;}
  347.  
  348. #wrapper #content .post .copy img{max-width:100%;}
  349.                    
  350. #audio{{block:IndexPage}height:40px; overflow: hidden;{/block:IndexPage}
  351. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  352. transition: all 0.4s ease-out;
  353. -o-transition: all 0.4s ease-out;
  354. -webkit-transition: all 0.4s ease-out;
  355. -moz-transition: all 0.4s ease-out;}
  356.  
  357. #audio:hover{{block:IndexPage}height:100%;{/block:IndexPage}
  358. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  359. transition: all 0.4s ease-out;
  360. -o-transition: all 0.4s ease-out;
  361. -webkit-transition: all 0.4s ease-out;
  362. -moz-transition: all 0.4s ease-out;}
  363.  
  364. .tumblr_audio_player{height:40px;
  365. {block:IndexPage}
  366. width:255px;
  367. {/block:IndexPage}
  368. {block:PermalinkPage}width:389px;{/block:PermalinkPage}}
  369.                                                    
  370. #wrapper #content .post .question {
  371. color:{color:Ask Text};
  372. font-family:ronda;
  373. font-size:8px;
  374. background:{color:Ask BG};
  375. {block:IfRoundedCorners}
  376. -moz-border-radius:5px;
  377. -webkit-border-radius:5px;
  378. border-radius:5px;
  379. {/block:IfRoundedCorners}
  380. margin: 0 0 0px 0;
  381. padding:10px 7px;
  382. position: relative;
  383. line-height:17px;
  384. }
  385.  
  386. #wrapper #content .post .title{font-family:ronda;
  387. color:{color:Post Title};
  388. font-size:8px;
  389. text-transform:uppercase;
  390. padding:10px 10px 15px 10px;
  391. text-align:center;
  392. border-bottom:1px solid {color:Post Title};
  393. margin-bottom:4px;
  394. }
  395.  
  396. #wrapper #content .post img{max-width:100%;}
  397.  
  398. #wrapper #content .post .chat{margin:0px 0px 0px 0px;
  399. font-size:8px;
  400. font-family:ronda;
  401. line-height:15px;}
  402.  
  403. #wrapper #content .post .chat .lines{margin-left: 1px;}
  404.  
  405. #wrapper #content .post .chat .lines .line{background-color:transparent;
  406. color:{color:Chat Text};
  407. margin-bottom:4px;
  408. padding:6px 8px;
  409. border-bottom:1px solid {color:Chat Text};
  410. }
  411.  
  412. #wrapper #content .post .chat .lines .line.even{background-color:transparent;
  413. color:{color:Chat Text};}
  414.  
  415. #wrapper #content .post .link{margin: 4px 0 2px 0;
  416. font-size:8px;
  417. font-family:ronda;
  418. line-height:15px;
  419. text-transform:uppercase;}
  420.  
  421. #wrapper #content .post .link a{background-color:transparent;
  422. color:{color:Link Post};
  423. padding: 5px 7px;
  424. {block:IfRoundedCorners}
  425. -moz-border-radius: 4px;
  426. -webkit-border-radius: 4px;
  427. border-radius: 4px;
  428. {/block:IfRoundedCorners}}
  429.  
  430. #wrapper #content .post .link a:hover{
  431. color:{color:Link Post Hover};}
  432.  
  433.    
  434. #wrapper #content .tags a { color:{color:Link};}
  435. #wrapper #content .tags a:hover { color:{color:Link Hover};}  
  436.  
  437.                    
  438. #wrapper #content .post .footer{background:{color:Permalink BG};
  439. {block:IfRoundedCorners}
  440. -moz-border-radius: 5px;
  441. -webkit-border-radius: 5px;
  442. border-radius: 5px;
  443. {/block:IfRoundedCorners}
  444. font-family:handy;
  445. font-size:8px;
  446. color:{color:Permatext};
  447. padding:4px;
  448. margin-top: 0px;
  449. {block:IndexPage}width:70px;{/block:IndexPage}}    
  450.  
  451. #wrapper #content .post .footer.for_permalink:hover{opacity: 0.7;
  452. filter: alpha(opacity=70);
  453. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}    
  454.                        
  455. #wrapper #content .post a{color: #6e7173;
  456. text-decoration: none;}
  457.  
  458. #wrapper #content .post .copy blockquote{margin: 10px 0px 10px 5px;
  459. padding-left: 10px;
  460. border-left: 4px double {color:Blockquote};}
  461.  
  462. #navigation{margin-top: 0px;
  463. text-align: center;
  464. padding-top:10px;
  465. padding-bottom:10px;
  466. margin-left:0px;
  467. margin-top:-3px;}
  468.  
  469. #navigation a{color:{color:Pagination Text};
  470. background:{color:Pagination BG};
  471. padding: 5px 6px 5px 5px;
  472. text-decoration: none;
  473. font-family:ronda;
  474. font-size:8px;
  475. {block:IfRoundedCorners}
  476. -moz-border-radius:4px;
  477. -webkit-border-radius:4px;
  478. border-radius:4px;
  479. {/block:IfRoundedCorners}}
  480.  
  481. #navigation a:hover{opacity: 0.7;
  482. filter: alpha(opacity=70);
  483. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
  484.  
  485. #navigation.jump_pagination{}
  486. #navigation.jump_pagination a{margin: 0 0 0 4px;}
  487.  
  488. #navigation.jump_pagination .current_page{color:{color:Pagination Text};
  489. background:{color:Pagination BG};
  490. font-family:ronda;
  491. font-size:8px;
  492. padding: 5px 6px;
  493. margin: 0 0 0 4px;
  494. cursor:default;
  495. {block:IfRoundedCorners}
  496. -moz-border-radius:4px;
  497. -webkit-border-radius:4px;
  498. border-radius:4px;
  499. {/block:IfRoundedCorners}}
  500.  
  501. #navigation.jump_pagination .jump_page{}
  502.  
  503. #wrapper #content .post .notecontainer{background:transparent;
  504. {block:IfRoundedCorners}
  505. -moz-border-radius: 4px;
  506. -webkit-border-radius: 4px;
  507. border-radius: 4px;
  508. {/block:IfRoundedCorners}
  509. font-family:handy;
  510. font-size:8px;
  511. color: {color:bold};
  512. margin-top: 10px;
  513. margin-bottom: -10px;
  514. max-height:300px;
  515. overflow-y:scroll;}
  516.  
  517. #wrapper #content .post .notecontainer a{color: {color:Link};}
  518.  
  519. #wrapper #content .post .notecontainer a:hover{color:{color:Link Hover};}
  520.  
  521. #wrapper #content .post .notecontainer ol.notes{padding: 0px 0 10px 0;
  522. list-style-type: none;
  523. font-size:8px;}
  524.  
  525. #wrapper #content .post .notecontainer ol.notes li.note{padding: 10px 10px 0 10px;}
  526.  
  527. #wrapper #content .post .notecontainer ol.notes li.note img.avatar{vertical-align: -4px;
  528. margin-right: 10px;
  529. width: 16px;
  530. height: 16px;
  531. -moz-border-radius: 10px;
  532. -webkit-border-radius: 10px;
  533. border-radius: 10px;}
  534.  
  535. #wrapper #content .post .notecontainer ol.notes li.note span.action{font-weight:normal;}
  536.  
  537. #wrapper #content .post .notecontainer ol.notes li.note .answer_content{font-weight: normal;}
  538.  
  539. #wrapper #content .post .notecontainer ol.notes li.note blockquote{border-left: 1px dotted {color:Blockquote};
  540. padding: 4px 10px;
  541. margin: 10px 0px 0px 25px;}
  542.  
  543. #wrapper #content .post .notecontainer ol.notes li.note blockquote a{text-decoration: none;}                
  544.            
  545. #wrapper #sidebar{position:fixed;
  546. margin-top:0px;
  547. margin-left:0px;
  548. color:{color:Text};
  549. border-right:1px solid {color:Borders};
  550. height:100%;
  551. padding-top:50px;
  552. padding-right:32px;
  553. padding-left:40px;
  554. background-color:{color:Sidebar BG};
  555. background-image:url({image:Sidebar BG});
  556. width:170px;}
  557.  
  558. #wrapper #sidebar #top{background-color:transparent;
  559. padding:4px;
  560. width:150px;
  561. {block:IfRoundedCorners}
  562. -moz-border-radius: 7px;
  563. -webkit-border-radius: 7px;
  564. border-radius:7px 7px 7px 7px;
  565. {/block:IfRoundedCorners}}
  566.  
  567. #wrapper #sidebar #top #description{padding:10px;
  568. font-family:ronda;
  569. font-size:8px;
  570. line-height:17px;
  571. color:{color:Text};
  572. position:relative;
  573. top:0px;
  574. left:00.8px;
  575. width:160px;}
  576.  
  577. #wrapper #sidebar #top #description a{color:{color:Link};
  578. text-decoration:none;}
  579.  
  580. #wrapper #sidebar #top #description a:hover{color:{color:Link Hover};
  581. text-decoration:none;}
  582.  
  583. #sidebarimage{max-width:160px;
  584. margin-left:-14px;
  585. {block:IfRoundedCorners}
  586. -moz-border-radius:8px;
  587. -webkit-border-radius:8px;
  588. border-radius:8px;
  589. {/block:IfRoundedCorners}}
  590.  
  591. .titlos{color:{color:Title};
  592. text-align:center;
  593. padding-bottom:10px;
  594. padding-top:10px;
  595. width:160px;
  596. font-family:Ronda;
  597. text-transform:uppercase;
  598. font-size:18px;
  599. letter-spacing:2px;
  600. text-shadow: 3px 3px 5px {color:Title Shadow};
  601. line-height:25px;}
  602.  
  603. .titlos a{width:160px;
  604. color:{color:Title};text-align:center;
  605. padding-bottom:10px;
  606. padding-top:10px;}
  607.  
  608. .titlos a:hover{color:{color:Highlight};
  609. -webkit-transition: all 0.2s ease-in-out;
  610. -moz-transition: all 0.2s ease-in-out;
  611. -o-transition: all 0.2s ease-in-out;}
  612.  
  613. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  614. #infscr-loading {display:none;}
  615.  
  616. .topp {right:60px;bottom:10px;position:fixed}
  617. .topp a{color:{color:back to top};text-shadow:0px 0px #ccc}
  618. .topp a:hover{color:{color:back to top hover};text-shadow:-0px -50px transparent}
  619.  
  620. #s-m-t-tooltip{
  621. background:{color:Tooltip BG};
  622. font-size:8px;
  623. font-family:handy;
  624. text-transform:uppercase;
  625. border: 1px solid {color:Tooltip Border};
  626. color: {color:Tooltip Text};
  627. word-wrap: break-word;
  628. padding: 2px 5px 2px 6px;
  629. display: block;
  630. max-width:100px;
  631. margin: 20px 10px 10px 10px;}
  632.  
  633. {block:IfPhotoFade}
  634. .photo{
  635. -webkit-transition: opacity 0.4s linear;
  636. -moz-transition: opacity 0.4s linear;
  637. opacity: 0.77;
  638. }
  639. .photo:hover{
  640. -webkit-transition: opacity 0.4s linear;
  641. -moz-transition: opacity 0.4s linear;
  642. opacity: 1;
  643. }
  644. {/block:IfPhotoFade}
  645.  
  646. .topp {right:5px;bottom:10px;position:fixed;}
  647. .topp a{color:{color:title};text-shadow:0px 0px #ccc;}
  648. .topp a:hover{color:{color:title hover};text-shadow:-0px -50px transparent;}
  649.  
  650. </style>
  651.  
  652. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  653.  
  654. <style type="text/css">{CustomCSS}</style>
  655.  
  656. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  657.  
  658. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  659. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  660. <script>
  661.     (function($){
  662.         $(document).ready(function(){
  663.             $("[title]").style_my_tooltips();
  664.         });
  665.     })(jQuery);
  666. </script>
  667.    
  668. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  669. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  670.  
  671.  
  672. <script type="text/javascript">
  673.  $(window).load(function () {
  674.  $('#content').masonry(),
  675. $('.masonryWrap').infinitescroll({
  676. itemSelector : ".post",
  677.  navSelector : "div.navigation",
  678.  nextSelector : ".navigation a#next",
  679.  bufferPx : 10000,
  680.  extraScrollPx: 10000,
  681.  loadingImg : "",
  682.  loadingText : "",
  683.  },
  684.  function() { $('#content').masonry({ appendedContent: $(this) });
  685. });
  686.  });</script>
  687. </head>
  688. <body>
  689.  
  690. <div id="wrapper">
  691. <div id="sidebar">
  692. <div class="titlos"><a title="Index" href="/">{Title}</a></div>
  693. <div id="top">
  694. <div id="description">
  695. <a href="/"><div class="photo"><img id="sidebarimage" title="{Title}" src="{image:Sidebar}" /></a></div><br><center><div style="margin-left:-27px;{block:IfNotInnerSidebar}margin-top:-28px;{/block:IfNotInnerSidebar}"><font style="background:{color:Description BG};">{Description}</font></div>
  696.    
  697. <center>
  698.  
  699. {block:Pagination}
  700. <div id="navigation" {block:IfJumpPagination}class="jump_pagination"{/block:IfJumpPagination}>
  701. {block:PreviousPage}<a title="previous page" href="{PreviousPage}">&larr; </a>{/block:PreviousPage}
  702. {block:IfJumpPagination}
  703. {block:JumpPagination length="3"}
  704. {block:CurrentPage}
  705. <span class="current_page">{PageNumber}</span>
  706. {/block:CurrentPage}
  707. {block:JumpPage}
  708. <a class="jump_page" href="{URL}">{PageNumber}</a>
  709. {/block:JumpPage}
  710. {/block:JumpPagination}
  711. {/block:IfJumpPagination}
  712. {block:NextPage}<a title="next page" href="{NextPage}"> &rarr;</a>{/block:NextPage}
  713. </div>
  714. {/block:Pagination}    
  715.    
  716. </div>
  717. <div class="clear"></div>
  718. </div>
  719. </div>
  720.  
  721. <div id="content">
  722. {block:Posts}
  723. <div class="post">
  724.  
  725.  
  726. {block:Photo}
  727. <div class="media"><div class="photo">{LinkOpenTag}<a href="{Permalink}">
  728. {block:IndexPage}
  729. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" overflow="hidden" />{/block:IndexPage}
  730. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" overflow="hidden" />{/block:PermalinkPage}
  731. {LinkCloseTag}</div></div></a>
  732. {block:IfShowCaption}<div class="copy">{Caption}</div>{/block:IfShowCaption}
  733. {block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}
  734. {/block:Photo}
  735.  
  736.  
  737. {block:Photoset}<div class="photo">
  738. <div class="media">
  739. {block:IndexPage}
  740. {Photoset-250}{/block:IndexPage}
  741. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  742. </div></div>
  743. {block:IfShowCaption}<div class="copy">{Caption}</div>{/block:IfShowCaption}
  744. {block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}
  745. {/block:Photoset}
  746.                    
  747. {block:Video}
  748. <div class="media">{block:IndexPage}
  749. {Video-250}
  750. {/block:IndexPage}
  751. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  752. </div>
  753. {block:IfShowCaption}<div class="copy">{Caption}</div>{/block:IfShowCaption}
  754. {block:PermalinkPage}<div class="copy">{Caption}</div>{/block:PermalinkPage}
  755. {/block:Video}
  756.                    
  757. {block:Audio}
  758. <div id="audio">
  759. <a style="margin-top:20px;">
  760. <div class="tumblr_audio_player" style="border:none;">
  761.         {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  762.         {block:AudioPlayer}
  763.                 {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfNotAudioPlayerWhite}{AudioPlayerBlack}{/block:IfNotAudioPlayerWhite}{/block:AudioPlayer}
  764. </div>
  765. </a>
  766.  
  767. <div class="substuff" style="margin-left:0px;margin-top:10px;color:{color:Text};">
  768.  
  769. <img src="{text:Audio Pixel}"/> {block:Artist}{Artist}{/block:Artist}: {block:TrackName}{TrackName}{/block:TrackName}
  770.    
  771. </div></div>
  772.    
  773. <br>
  774.  
  775. {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}
  776. {/block:Audio}
  777.                    
  778. {block:Quote}
  779. <div class="quote {Length}">{Quote}</div>
  780. <div class="copy">
  781. <div class="quotebg">“</div>
  782. {block:Source}
  783. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  784. <tr>
  785. <td valign="top" class="quote_source" style="text-align:right;">
  786. - {Source}
  787. </td>
  788. </tr>
  789. </table>
  790. {/block:Source}
  791. </div>
  792. {/block:Quote}
  793.                        
  794. {block:Text}
  795. {block:Title}<div class="title">{Title}</div>{/block:Title}
  796. <div class="copy">{Body}</div>
  797. {/block:Text}
  798.  
  799. {block:Answer}
  800. <div class="question">
  801. <font style="font-family:handy; color:{color:Link};">{Asker} asked:</font> {Question}
  802. </div>
  803. <div class="copy">{Answer}</div>
  804. {/block:Answer}                
  805.                    
  806. {block:Chat}
  807. {block:Title}<div class="title">{Title}</div>{/block:Title}
  808. <div class="chat">
  809. <div class="lines">
  810. {block:Lines}
  811. <div class="line {Alt}">{block:Label}<font style="text-transform:uppercase;">{Label}</font>{/block:Label} {Line}</div>
  812. {/block:Lines}
  813. </div>
  814. </div>
  815. <div class="clear"></div>
  816. <div style="height:10px;"></div>
  817. {/block:Chat}
  818.  
  819. {block:Link}
  820. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  821. {block:Description}<div class="copy" style="margin-top:-5px;">{Description}</div>{/block:Description}
  822. {/block:Link}
  823.  
  824. {block:Date}
  825. <a href="{Permalink}"><div class="footer for_permalink"><center><div class="date">{block:IndexPage}<a style="color:{color:Permatext}"  href="{Permalink}" title="{TimeAgo}">Permalink</a>{/block:IndexPage}{block:Permalinkpage}{NoteCountWithLabel} - {ShortMonth} {DayOfMonth},{Year}{block:ContentSource}{block:Reblog}<a title="reblogged from {ReblogParentName}" href="{ReblogParentURL}"> - Via</a>{/block:Reblog}{/block:ContentSource}{block:ContentSource}<a title="posted by {SourceTitle}" href="{SourceURL}" class="source_url"> - Source</a>{/block:ContentSource}{/block:PermalinkPage}
  826.  <br>{block:PermalinkPage}{block:HasTags}{block:Tags}
  827. #<a class="tags" title="{Tag}" href="{TagURL}">{Tag}</a></span>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  828.    
  829. </div>
  830. <div class="clear"></div></a>
  831. {/block:Date}  
  832. </div>
  833.                                        
  834. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  835.  </div>
  836.  {/block:Posts}
  837.  
  838.  </div>
  839.  
  840. {block:IndexPage}
  841. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  842. <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="back to top"><img src="{text:scrolltotop}"></a></div>
  843. {/block:IndexPage}
  844.  
  845. <a href="http://evabadon.tumblr.com" title="theme by evabadon"><div style="position:fixed;right:0px;bottom:0px;font-size:15px;font-family:calibri;background:{color:Post BG};color:{color:Text};padding:4px;opacity:1">©</div></a>
  846.  
  847. <div id="topbar">
  848. <div id="tab1"></div>
  849. <div id="tab2"></div>
  850. <div id="tab3"></div>
  851. <div class="navie">
  852. <div id="inner"><a href="/"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  853. -moz-border-radius:3px;
  854. -webkit-border-radius:3px;
  855. border-radius:3px;
  856. {/block:IfRoundedCorners}">Index</font></a></div>
  857. <div id="inner"><a href="/ask"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  858. -moz-border-radius:3px;
  859. -webkit-border-radius:3px;
  860. border-radius:3px;
  861. {/block:IfRoundedCorners}">Message</font></a></div>
  862. <div id="inner"><a href="/archive"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  863. -moz-border-radius:3px;
  864. -webkit-border-radius:3px;
  865. border-radius:3px;
  866. {/block:IfRoundedCorners}">Archive</font></a></div>
  867. {block:IfExtraLink1}
  868. <div id="inner"><a href="{text:Link 1 URL}"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  869. -moz-border-radius:3px;
  870. -webkit-border-radius:3px;
  871. border-radius:3px;
  872. {/block:IfRoundedCorners}">{text:Link 1}</font></a></div>{/block:IfExtraLink1}
  873. {block:IfExtraLink2}<div id="inner"><a href="{text:Link 2 URL}"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  874. -moz-border-radius:3px;
  875. -webkit-border-radius:3px;
  876. border-radius:3px;
  877. {/block:IfRoundedCorners}">{text:Link 2}</font></a></div>{/block:IfExtraLink2}
  878. {block:IfExtraLink3}<div id="inner"><a href="{text:Link 3 URL}"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  879. -moz-border-radius:3px;
  880. -webkit-border-radius:3px;
  881. border-radius:3px;
  882. {/block:IfRoundedCorners}">{text:Link 3}</font></a></div>{/block:IfExtraLink3}
  883. {block:IfExtraLink4}<div id="inner"><a href="{text:Link 4 URL}"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  884. -moz-border-radius:3px;
  885. -webkit-border-radius:3px;
  886. border-radius:3px;
  887. {/block:IfRoundedCorners}">{text:Link 4}</font></a></div>{/block:IfExtraLink4}
  888. {block:IfExtraLink5}<div id="inner"><a href="{text:Link 5 URL}"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  889. -moz-border-radius:3px;
  890. -webkit-border-radius:3px;
  891. border-radius:3px;
  892. {/block:IfRoundedCorners}">{text:Link 5}</font></a></div>{/block:IfExtraLink5}
  893. {block:IfExtraLink6}<div id="inner"><a href="{text:Link 6 URL}"><font style="background:{color:Button BG};padding-top:1px;padding-left:4px;padding-right:3px;padding-bottom:2px;{block:IfRoundedCorners}
  894. -moz-border-radius:3px;
  895. -webkit-border-radius:3px;
  896. border-radius:3px;
  897. {/block:IfRoundedCorners}">{text:Link 6}</font></a></div>
  898. </div>{/block:IfExtraLink6}
  899. </div>
  900. </div>
  901.  
  902.  
  903. {block:IfCustomCursor}
  904. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  905. {/block:IfCustomCursor}
  906.  
  907. <div class="img">
  908. <div style="position:fixed; bottom:{text:Hover IMG Margin Y}; {block:IfHoverIMGLeft}left:{text:Hover IMG Margin X};{/block:IfHoverIMGLeft}{block:IfNotHoverIMGLeft}right:{text:Hover IMG Margin X};{/block:IfNotHoverIMGLeft} opacity:{text:Hover IMG Opacity}">
  909. <img src="{image:Hover Image}" width="100%" />
  910.  
  911. </body>
  912. </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!