Advertisement
Aluf

[CSS] Theme 5[NO]

Jan 30th, 2015
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.37 KB | None | 0 0
  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"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.  
  5. <!---- © e.e
  6. ---->
  7.  
  8. <!------------------------- DEFAULT VARIABLES ------------------------->
  9.  
  10. <meta name="image:Background" content=""/>
  11. <meta name="image:About Image" content=""/>
  12. <meta name="image:Container Background" content=""/>
  13.  
  14. <meta name="color:Background Gradient 1" content="#FFACB5"/>
  15. <meta name="color:Background Gradient 2" content="#FFD5A7"/>
  16. <meta name="color:Background Gradient 3" content="#FFE3A2"/>
  17. <meta name="color:Background Gradient 4" content="#FFFF99"/>
  18.  
  19. <meta name="color:Background" content="#FFFFFF" />
  20. <meta name="color:Text" content="#333333" />
  21. <meta name="color:Bold" content="#000000" />
  22. <meta name="color:Italic" content="#000000" />
  23. <meta name="color:Link" content="#00ff00" />
  24. <meta name="color:Link Hover" content="#0000ff" />
  25.  
  26. <meta name="color:Scrollbar" content="#DDDDDD" />
  27. <meta name="color:Description Text" content="#666666" />
  28.  
  29. <meta name="color:Container Background" content="#FFFFFF" />
  30. <meta name="color:Container Borders" content="#EEEEEE" />
  31. <meta name="color:Container Shadow" content="#000000" />
  32. <meta name="color:Container Inside Overlay" content="#FFFFFF" />
  33.  
  34. <meta name="color:Post Background" content="#FFFFFF" />
  35. <meta name="color:Post Title Background" content="#FF0000" />
  36. <meta name="color:Post Title Text" content="#FFFFFF" />
  37.  
  38. <meta name="color:Link Post Background" content="#333333" />
  39. <meta name="color:Link Post Text" content="#FFFFFF" />
  40.  
  41. <meta name="color:Detail Background" content="#F3F3F3" />
  42. <meta name="color:Detail Border" content="#DDDDDD" />
  43. <meta name="color:Detail Text Dark" content="#666666" />
  44. <meta name="color:Detail Text Light" content="#999999" />
  45.  
  46. <meta name="color:Page Title Text" content="#FFFFFF"/>
  47. <meta name="color:Page Title Background" content="#0000FF"/>
  48.  
  49. <meta name="color:Refresh Tab Background" content="#CCCCCC"/>
  50. <meta name="color:Refresh Tab Text" content="#666666"/>
  51. <meta name="color:Refresh Tab Border 1" content="#EEEEEE"/>
  52. <meta name="color:Refresh Tab Border 2" content="#AAAAAA"/>
  53.  
  54. <meta name="color:Navigation Tab Background" content="#CCCCCC"/>
  55. <meta name="color:Navigation Tab Text" content="#666666"/>
  56. <meta name="color:Navigation Tab Border 1" content="#EEEEEE"/>
  57. <meta name="color:Navigation Tab Border 2" content="#AAAAAA"/>
  58.  
  59. <meta name="select:Container Overlay Transparency" content="1" title="Opaque"/>
  60. <meta name="select:Container Overlay Transparency" content="0.9" title="90%"/>
  61. <meta name="select:Container Overlay Transparency" content="0.8" title="80%"/>
  62. <meta name="select:Container Overlay Transparency" content="0.7" title="70%"/>
  63. <meta name="select:Container Overlay Transparency" content="0.6" title="60%"/>
  64. <meta name="select:Container Overlay Transparency" content="0.5" title="50%"/>
  65. <meta name="select:Container Overlay Transparency" content="0.4" title="40%"/>
  66. <meta name="select:Container Overlay Transparency" content="0.3" title="30%"/>
  67. <meta name="select:Container Overlay Transparency" content="0.2" title="20%"/>
  68. <meta name="select:Container Overlay Transparency" content="0.1" title="10%"/>
  69. <meta name="select:Container Overlay Transparency" content="0.0" title="Transparent"/>
  70.  
  71. <meta name="select:Container Shadow" content="1" title="Opaque"/>
  72. <meta name="select:Container Shadow" content="0.9" title="90%"/>
  73. <meta name="select:Container Shadow" content="0.8" title="80%"/>
  74. <meta name="select:Container Shadow" content="0.7" title="70%"/>
  75. <meta name="select:Container Shadow" content="0.6" title="60%"/>
  76. <meta name="select:Container Shadow" content="0.5" title="50%"/>
  77. <meta name="select:Container Shadow" content="0.4" title="40%"/>
  78. <meta name="select:Container Shadow" content="0.3" title="30%"/>
  79. <meta name="select:Container Shadow" content="0.2" title="20%"/>
  80. <meta name="select:Container Shadow" content="0.1" title="10%"/>
  81. <meta name="select:Container Shadow" content="0.0" title="Transparent"/>
  82.  
  83. <meta name="select:Post Size" content="four" title="400px"/>
  84. <meta name="select:Post Size" content="five" title="500px"/>
  85.  
  86. <meta name="select:Font" content="Arial" title="Arial"/>
  87. <meta name="select:Font" content="Calibri" title="Calibri"/>
  88. <meta name="select:Font" content="Consolas" title="Consolas"/>
  89. <meta name="select:Font" content="Exo 2" title="Exo 2"/>
  90.  
  91. <meta name="select:Body Font Size" content="8px" title="XX-Small"/>
  92. <meta name="select:Body Font Size" content="9px" title="X-Small"/>
  93. <meta name="select:Body Font Size" content="10px" title="Small"/>
  94. <meta name="select:Body Font Size" content="11px" title="Medium"/>
  95. <meta name="select:Body Font Size" content="12px" title="Large"/>
  96. <meta name="select:Body Font Size" content="14px" title="X-Large"/>
  97. <meta name="select:Body Font Size" content="16px" title="XX-Large"/>
  98.  
  99. <meta name="select:Detail Font Size" content="7px" title="XX-Small"/>
  100. <meta name="select:Detail Font Size" content="8px" title="X-Small"/>
  101. <meta name="select:Detail Font Size" content="9px" title="Small"/>
  102. <meta name="select:Detail Font Size" content="10px" title="Medium"/>
  103. <meta name="select:Detail Font Size" content="11px" title="Large"/>
  104. <meta name="select:Detail Font Size" content="12px" title="X-Large"/>
  105. <meta name="select:Detail Font Size" content="14px" title="XX-Large"/>
  106.  
  107. <meta name="select:About Layout" content="about_everything" title="Original"/>
  108. <meta name="select:About Layout" content="about_icon" title="No Image"/>
  109. <meta name="select:About Layout" content="about_facts" title="No Facts"/>
  110. <meta name="select:About Layout" content="about_both" title="No Image or Facts"/>
  111.  
  112. <meta name="if:Show Tags" content="1" />
  113. <meta name="if:Background Gradient" content="1" />
  114. <meta name="if:Background Stretch" content="0" />
  115. <meta name="if:Show Message Tab" content="1" />
  116. <meta name="if:Show About Tab" content="1" />
  117. <meta name="if:Show Links Tab" content="1" />
  118.  
  119. <meta name="text:Refresh Title" content="Refresh title goes here!" />
  120. <meta name="text:Your URL" content="your-url-goes-here" />
  121. <meta name="text:Ask Box Title" content="This is your ask box title?" />
  122. <meta name="text:Ask Box Description" content="This is a little description underneath your ask box! Here you can put anything from a FAQ page to a sidenote for your followers. Or you can delete this and leave it blank! It's all up to you." />
  123. <meta name="text:About Title" content="This is your about me title!" />
  124. <meta name="text:About Content" content="This is where you fill up your about me section. You can make it as long as you want! I suggest you make it a little bit longer, actually, because it'll look nicer with lots of content. Use two line breaks to create a new paragraph. Just add as much or as little information as you want. Have fun!" />
  125.  
  126. <meta name="text:Fact Title 1" content="Name" />
  127. <meta name="text:Fact Info 1" content="Jane" />
  128. <meta name="text:Fact Title 2" content="Age" />
  129. <meta name="text:Fact Info 2" content="Sixteen" />
  130. <meta name="text:Fact Title 3" content="Location" />
  131. <meta name="text:Fact Info 3" content="United States" />
  132. <meta name="text:Fact Title 4" content="Birthday" />
  133. <meta name="text:Fact Info 4" content="January 1st" />
  134.  
  135. <meta name="text:Link Title" content="This is your link page title!" />
  136. <meta name="text:Link 1 Title" content="Link 1" />
  137. <meta name="text:Link 1 URL" content="http://" />
  138. <meta name="text:Link 2 Title" content="Link 2" />
  139. <meta name="text:Link 2 URL" content="http://" />
  140. <meta name="text:Link 3 Title" content="Link 3" />
  141. <meta name="text:Link 3 URL" content="http://" />
  142. <meta name="text:Link 4 Title" content="Link 4" />
  143. <meta name="text:Link 4 URL" content="http://" />
  144. <meta name="text:Link 5 Title" content="Link 5" />
  145. <meta name="text:Link 5 URL" content="http://" />
  146. <meta name="text:Link 6 Title" content="Link 6" />
  147. <meta name="text:Link 6 URL" content="http://" />
  148. <meta name="text:Link 7 Title" content="Link 7" />
  149. <meta name="text:Link 7 URL" content="http://" />
  150. <meta name="text:Link 8 Title" content="Link 8" />
  151. <meta name="text:Link 8 URL" content="http://" />
  152. <meta name="text:Link 9 Title" content="Link 9" />
  153. <meta name="text:Link 9 URL" content="http://" />
  154.  
  155. <!------------------------ SMT TOOLTIPS SCRIPT ------------------------>
  156.  
  157. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  158. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/m5lloo7bn/jquery.style-my-tooltips.js"></script>
  159. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_delay_time:0});});})(jQuery);</script>
  160. <script src="jquery.style-my-tooltips.js"></script>
  161.  
  162. <!--------------------------- CUSTOM FONTS ---------------------------->
  163.  
  164. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  165. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  166.  
  167. <!----------------------------- TAB CODE ------------------------------>
  168.  
  169. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script><script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script><script>$(document).ready(function() {$('.tabs .tab-links a').on('click', function(e)  {var currentAttrValue = $(this).attr('href');$('.tabs ' + currentAttrValue).fadeIn(0).siblings().hide();$(this).parent('li').addClass('active').siblings().removeClass('active');e.preventDefault();});});</script>
  170.  
  171. <!-------------------------- TUMBLR OPTIONS --------------------------->
  172.  
  173. <title>{Title}</title>
  174. <link rel="shortcut icon" href="{Favicon}">
  175. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  176. {block:Description}<meta name="description" content="{MetaDescription}" />
  177. {/block:Description}
  178.  
  179. <style type="text/css">
  180.  
  181. @font-face {font-family: 'Exo 2'; src: url('https://dl.dropboxusercontent.com/s/mf75qblb8q3qgbg/Exo2-Regular.ttf');}
  182.  
  183. /* --------------------------- SCROLLBAR ---------------------------- */
  184.  
  185. ::-webkit-scrollbar-thumb:vertical {height:9px; background-color:{color:Scrollbar};}
  186.  
  187. ::-webkit-scrollbar {width:8px; height:4px; background-color:{color:Container Background};}
  188.  
  189. /* -------------------------- SMT TOOLTIP --------------------------- */
  190.  
  191. #s-m-t-tooltip {position:absolute; background-color:#fff; padding:6px 8px; z-index:99999999999999; border:1px #f3f3f3 solid; display:inline-block; text-transform:uppercase; font-size:{select:Detail Font Size}; line-height:12px; color:{color:Detail Text Dark}; letter-spacing:1px; margin:3px; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; transition: all 0s ease-out; text-align:center;}
  192.  
  193. /* ----------------------- IT NEEDS MORE BODY ----------------------- */
  194.  
  195. body {color:{color:Text}; font-family:'{select:Font}'; font-size:{select:Body Font Size}; background-attachment:fixed!important; overflow:hidden;
  196. {block:ifnotBackgroundGradient}background-color:{color:Background}; background-image: url('{image:Background}'); background-repeat:repeat; background-position:center center;{block:ifBackgroundStretch}-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;{/block:ifBackgroundStretch}
  197. {/block:ifnotBackgroundGradient}
  198. {block:ifBackgroundGradient}
  199. background:-webkit-linear-gradient({color:Background Gradient 1}, {color:Background Gradient 2}, {color:Background Gradient 3}, {color:Background Gradient 4}); background: -o-linear-gradient({color:Background Gradient 1}, {color:Background Gradient 2}, {color:Background Gradient 3}, {color:Background Gradient 4}); background: -moz-linear-gradient({color:Background Gradient 1}, {color:Background Gradient 2}, {color:Background Gradient 3}, {color:Background Gradient 4}); background: linear-gradient({color:Background Gradient 1}, {color:Background Gradient 2}, {color:Background Gradient 3}, {color:Background Gradient 4});{/block:ifBackgroundGradient};}
  200.  
  201. ul, li, ol {margin:0px 0px 5px 10px; padding:0px 10px 0px 5px;}
  202.  
  203. pre {overflow:auto; padding:10px;}
  204.  
  205. b, bold, strong, .strong {color:{color:Bold};}
  206. i, italic, em, .em {color:{color:Italic};}
  207.  
  208. a, a strong, strong a, a em, em a {color:{color:Link}; text-decoration:none;}
  209. a:hover, a:hover strong, strong a:hover, a:hover em, em a:hover {color:{color:Link Hover}; text-decoration:none;}
  210.  
  211. #credits {position:fixed; bottom:18px; left:5px;}
  212. a #credits {color:{color:Container Background}!important;}
  213. #first_credit {position:fixed; opacity:1;}
  214. #credits:hover #first_credit {opacity:0;}
  215. #second_credit {position:fixed; opacity:0;}
  216. #credits:hover #second_credit {opacity:1;}
  217.  
  218. /* ------------------------ THEME CONTAINER ------------------------- */
  219.  
  220. #theme_container {height:70%; position:fixed; left:50%; top:15%; overflow-x:hidden; overflow-y:scroll; border-left:8px {color:Container Background} solid; border-top:40px {color:Container Background} solid; border-bottom:40px {color:Container Background} solid; padding-right:5px; z-index:11;
  221. -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,{select:Container Shadow}), 0px 0px 0px 1px {color:Container Borders}; -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,{select:Container Shadow}), 0px 0px 0px 1px {color:Container Borders}; box-shadow: 5px 5px 10px 0px rgba(0,0,0,{select:Container Shadow}), 0px 0px 0px 1px {color:Container Borders};}
  222.  
  223. #everything.five #theme_container {width:680px; margin:-40px 0px 0px -343px;}
  224. #everything.four #theme_container {width:580px; margin:-40px 0px 0px -293px;}
  225.  
  226. #theme_back {position:fixed; height:70%; left:50%; top:15%; background-color:{color:Container Inside Overlay}; background-image: url('{image:Container Background}'); z-index:1; opacity:{select:Container Overlay Transparency};}
  227.  
  228. #everything.five #theme_back {width:681px; margin-left:-340px;}
  229. #everything.four #theme_back {width:581px; margin-left:-290px;}
  230.  
  231. #s_border1, #s_border2 {position:fixed; height:1px; background-color:{color:Container Borders}; z-index:13; left:50%;}
  232.     #s_border1 {top:15%; margin-top:0px;}
  233.     #s_border2 {bottom:15%; margin-bottom:0px;}
  234.    
  235.     #everything.five #s_border1, #everything.five #s_border2 {width:675px; margin-left:-334px;}
  236.     #everything.four #s_border1, #everything.four #s_border2 {width:575px; margin-left:-284px;}
  237.  
  238. #t_border1, #t_border2 {position:fixed; width:1px; height:70%; background-color:{color:Container Borders}; z-index:14; top:15%; margin-top:0px;}
  239.     #t_border1 {left:50%; margin-left:-335px;}
  240.     #t_border2 {left:50%; margin-left:341px;}
  241.    
  242. #everything.five #t_border1 {margin-left:-335px;}
  243. #everything.five #t_border2 {margin-left:341px;}
  244. #everything.four #t_border1 {margin-left:-285px;}
  245. #everything.four #t_border2 {margin-left:291px;}
  246.    
  247. .tabs {display:inline-block;}
  248.  
  249. .tab-links:after {display:block; clear:both; content:'';}
  250.    
  251. .tab-links {position:fixed; top:15%; margin-top:-33px; right:50%; text-transform:uppercase; letter-spacing:1px; text-align:center; height:30px; z-index:12;}
  252. #everything.five .tab-links {margin-right:-357px;}
  253. #everything.four .tab-links {margin-right:-307px;}
  254.  
  255. .tab-links li {margin:0px 0px 0px 0px; position:relative; display:inline-block; list-style:none;  text-align:center; height:30px; line-height:14px;}
  256.  
  257. .tab-links a {padding:4px 8px 4px 8px; display:inline-block; background-color:{color:Navigation Tab Background}; margin:0px -6px 0px -5px; font-size:{select:Detail Font Size}; line-height:13px; letter-spacing:1px; border:2px solid; border-color:{color:Navigation Tab Border 1} {color:Navigation Tab Border 2} {color:Navigation Tab Border 2} {color:Navigation Tab Border 1}; color:{color:Navigation Tab Text}!important;}
  258.  
  259. .tab-links a:hover, li.active a, li.active a:hover {border-color:{color:Navigation Tab Border 2} {color:Navigation Tab Border 1} {color:Navigation Tab Border 1} {color:Navigation Tab Border 2};}
  260.  
  261. .tab-content {padding-top:15px;}
  262.  
  263. .tab {display:none;}
  264.  
  265. .tab.active {display:block;}
  266.  
  267. #tab_title {position:fixed; top:15%; margin-top:-27px; left:50%; z-index:12;}
  268. #everything.five #tab_title {margin-left:-335px;}
  269. #everything.four #tab_title {margin-left:-285px;}
  270.  
  271. #tab_title a {color:{color:Refresh Tab Text}!important; line-height:14px; text-transform:uppercase; padding:6px 8px 6px 8px; background-color:{color:Refresh Tab Background}; font-size:{select:Detail Font Size}; line-height:13px; letter-spacing:1px; border:2px solid; border-color:{color:Refresh Tab Border 1} {color:Refresh Tab Border 2} {color:Refresh Tab Border 2} {color:Refresh Tab Border 1};}
  272.  
  273. #tab_title a:hover {border-color:{color:Refresh Tab Border 2} {color:Refresh Tab Border 1} {color:Refresh Tab Border 1} {color:Refresh Tab Border 2};}
  274.  
  275. .description {position:fixed; bottom:15%; margin-bottom:-34px; left:50%; z-index:12; font-size:{select:Detail Font Size}; text-transform:uppercase; letter-spacing:1px; color:{color:Description Text}; text-align:left; line-height:13px; height:26px; overflow-y:hidden;}
  276. #everything.five .description {width:500px; margin-left:-331px;}
  277. #everything.four .description {width:400px; margin-left:-281px;}
  278.    
  279. #pag_tab {position:fixed; bottom:15%; margin-bottom:-33px; left:50%; z-index:13; width:170px; text-align:right;}
  280.  
  281. #everything.five #pag_tab {margin-left:172px;}
  282. #everything.four #pag_tab {margin-left:122px;}
  283.  
  284. #pag_tab a {display:inline-block; color:{color:Refresh Tab Text}!important; line-height:13px; text-transform:uppercase; padding:5px 10px 4px 10px; background-color:{color:Refresh Tab Background}; font-size:{select:Detail Font Size}; letter-spacing:1px; border:2px solid; border-color:{color:Refresh Tab Border 1} {color:Refresh Tab Border 2} {color:Refresh Tab Border 2} {color:Refresh Tab Border 1}; margin:0px 0px 0px 6px;}
  285.  
  286. #pag_tab a:hover {border-color:{color:Refresh Tab Border 2} {color:Refresh Tab Border 1} {color:Refresh Tab Border 1} {color:Refresh Tab Border 2};}
  287.  
  288. /* ------------------------- TAB 1: MESSAGE ------------------------- */
  289.  
  290. {block:ifShowMessageTab}
  291.  
  292. #ask {background-color:{color:Post Background}; padding:10px; margin:65px 80px 80px 80px;}
  293.  
  294. #everything.five #ask {width:500px;}
  295. #everything.four #ask {width:400px;}
  296.  
  297. #askbox_title {padding:18px 10px 15px 10px; font-size:20px; line-height:24px; letter-spacing:2px; text-transform:uppercase; text-align:center; color:{color:Page Title Text}; border-bottom:1px #eee solid; margin:-10px -10px 10px -10px; word-spacing:0px; background-color:{color:Page Title Background};}
  298.  
  299. #everything.five #askbox.four {display:none;}
  300. #everything.four #askbox.five {display:none;}
  301.  
  302. #askbox_description {margin:10px -10px -10px -10px; padding:10px; background-color:{color:Detail Background}; border-top:1px {color:Detail Border} solid; text-align:center; line-height:14px; color:{color:Detail Text Dark};}
  303.  
  304. {/block:ifShowMessageTab}
  305.  
  306. /* ------------------------- TAB 2: ABOUT --------------------------- */
  307.  
  308. {block:ifShowAboutTab}
  309.  
  310. #about {margin:65px 80px 80px 80px;}
  311.  
  312. #about_left {position:absolute; width:180px; background-color:{color:Post Background};}
  313.  
  314. #about_icon img {width:180px;}
  315.  
  316. #about_facts {padding:2px 5px;}
  317.  
  318. .fact {padding:7px 5px; border-top:1px #eee solid;}
  319. .fact b {text-transform:uppercase; letter-spacing:1px; padding-right:3px;}
  320.  
  321. #about_right {position:absolute; margin-left:180px; background-color:{color:Post Background};}
  322.  
  323. #everything.five #about_right {width:340px;}
  324. #everything.four #about_right {width:240px;}
  325.  
  326. #about_title {background-color:{color:Page Title Background}; color:{color:Page Title Text}; font-size:20px; line-height:24px; letter-spacing:2px; text-transform:uppercase; text-align:center; padding:15px;}
  327.  
  328. #about_info {margin:0px; background-color:{color:Detail Background}; padding:10px; color:{color:Detail Text Dark};}
  329.  
  330. #about.about_icon #about_icon, #about.about_both #about_icon, #about.about_facts #about_facts, #about.about_both #about_facts  {display:none;}
  331.  
  332. #about.about_both #about_right {margin-left:0px;}
  333. #everything.five #about.about_both #about_right {width:520px;}
  334. #everything.four #about.about_both #about_right {width:420px;}
  335.  
  336. {/block:ifShowAboutTab}
  337.  
  338. /* ------------------------- TAB 3: LINKS --------------------------- */
  339.  
  340. {block:ifShowLinksTab}
  341.  
  342. #links {margin:65px 80px 80px 80px; background-color:{color:Post Background};}
  343.  
  344. #everything.five #links {width:520px;}
  345. #everything.four #links {width:420px;}
  346.  
  347. #links_title {background-color:{color:Page Title Background}; color:{color:Page Title Text}; font-size:20px; line-height:24px; letter-spacing:2px; text-transform:uppercase; text-align:center; padding:15px;}
  348.  
  349. #links_content {margin:10px 0px 10px -4px; text-align:center;}
  350. #links_content a {display:inline-block; padding:10px; background-color:{color:Detail Background}; color:{color:Detail Text Dark}; margin:0px 0px 10px 5px; line-height:160%; text-transform:uppercase; letter-spacing:1px; border:1px {color:Detail Border} solid;}
  351.     #everything.five #links_content a {width:138px;}
  352.     #everything.four #links_content a {width:105px;}
  353. #links_content a:hover {background-color:{color:Detail Border};}
  354.  
  355. {/block:ifShowLinksTab}
  356.  
  357. /* ----------------------------- POSTS ------------------------------ */
  358.  
  359. #everything.five .four {display:none;}
  360. #everything.four .five {display:none;}
  361.  
  362. #entries {position:relative; line-height:130%; width:620px; padding:65px 0px 0px 55px;}
  363.  
  364. .entries {padding:10px; overflow:hidden; background-color:{color:Post Background}; float:left; display:block; margin:0px 25px 80px 25px;}
  365.  
  366. #entries.five .entries {width:500px;}
  367. #entries.four .entries {width:400px;}
  368.  
  369. #entries.four .entries img {max-width:500px;}
  370. #entries.four .entries img {max-width:400px;}
  371.  
  372. .entries ul {text-align:left!important;}
  373.  
  374. .caption {margin:-3px 0px 0px 0px;}
  375.  
  376. {/block:ifShowLinksTab}
  377.    
  378. /* -------------------------- BLOCKQUOTES --------------------------- */
  379.  
  380. blockquote {margin:10px 0px; display:block; position:relative; background-color:{color:Detail Background}; padding:5px 15px; border:1px {color:Detail Border} solid;} blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  381.     blockquote img {max-width:100%!important;}
  382.  
  383. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote {margin:15px 10px; background-color:#fff;}
  384.  
  385. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote {margin:15px 10px; background-color:{color:Detail Background};}
  386.  
  387. /* -------------------------- TEXT POSTS ---------------------------- */
  388.  
  389. .texttitle {font-size:16px; color:{color:Post Title Text}; text-align:center; line-height:20px; background-color:{color:Post Title Background}; padding:15px; margin:-10px -10px 10px -10px;}
  390. #textbody {margin:-8px 0px 1px 0px; {block:PermalinkPage}margin:-8px 0px -8px 0px!important;{/block:PermalinkPage}}
  391.  
  392. /* -------------------------- LINK POSTS ---------------------------- */
  393.  
  394. #linktitle {margin:-10px -10px 10px -10px;}
  395. .linktitle {text-transform:uppercase; font-size:13px; line-height:17px; text-align:center; color:{color:Link Post Text}; background-color:{color:Link Post Background}; padding:15px 15px;}
  396. .linktitle, .linktitle:hover, .linktitle a, .linktitle a:hover {-moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; margin-bottom:-10px; letter-spacing:1px;}
  397. .linkdescription {margin:20px 0px 7px 0px; {block:PermalinkPage} margin-bottom:-7px;{/block:PermalinkPage}}
  398. .linktitle a {color:{color:Link Post Text}; font-size:16px; letter-spacing:1px;}
  399.  
  400. /* -------------------------- CHAT POSTS ---------------------------- */
  401.  
  402. #chat_post {margin-top:-2px; margin-bottom:10px; {block:PermalinkPage} margin-bottom:3px;{/block:PermalinkPage}}
  403.     .chat .line {width:390px; padding-left:5px; line-height:16px; margin:5px 0px;}
  404.     .label {color:{color:Link Hover}; padding-right:2px; text-transform:uppercase; letter-spacing:1px;}
  405.  
  406. /* -------------------------- QUOTE POSTS --------------------------- */
  407.  
  408. .short_quote, .medium_quote, .long_quote {height:auto; margin:20px 5px 20px 5px; text-align:center; letter-spacing:1px; text-transform:uppercase;
  409.     {block:PermalinkPage} margin-bottom:15px;{/block:PermalinkPage}}
  410.     .short_quote {font-size:16px; line-height:24px;}
  411.     .medium_quote {font-size:14px; line-height:22px;}
  412.     .long_quote {font-size:12px; line-height:20px;}
  413. .source {background-color:{color:Detail Background}; position:relative; text-align:left; text-transform:uppercase; font-size:{select:Body Font Size}; letter-spacing:1px; color:{color:Detail Text Light}; min-height:17px; padding:10px 0px 5px 50px; line-height:16px; margin:-10px -10px 0px -10px; overflow:hidden; border-bottom:1px {color:Detail Border} solid;}
  414. #entries.five .source {width:470px;}
  415. #entries.four .source {width:370px;}
  416. .source a {color:{color:Detail Text Dark}!important;}
  417.  
  418. #quotesymbol {position:absolute; font-size:63px; margin-top:-10px; margin-left:-10px; font-family:arial; color:{color:Detail Text Light}; height:32px; line-height:66px; padding:0px 8px; border:1px {color:Detail Border} solid; border-width:0px 1px 1px 0px; z-index:2;}
  419.  
  420. /* -------------------------- AUDIO POSTS --------------------------- */
  421.  
  422. #audentryprob {display:block; height:auto; min-height:192px; margin-bottom:-20px;}
  423. #audentryprob table {margin-left:-1px; border-collapse:collapse;}
  424.     #entries.five #audentryprob table {width:322px;}
  425.     #entries.four #audentryprob table {width:222px;}
  426. #audentryprob td {padding:7px 5px 6px 5px;}
  427. #audioblock {height:170px; overflow:hidden; margin-left:180px;}
  428. .audentry {position:relative; padding:0px;}
  429. .audimg img {opacity:1!important; padding:10px; width:148px; height:148px; background-color:{color:Detail Background}; border:1px {color:Detail Border} solid;}
  430. .audioplayer {padding:7px 5px 3px 5px; background-color:#fff; overflow:hidden; margin:0px 0px 5px 0px; opacity:0.8; border:1px {color:Detail Background} solid;}
  431. .audiodata, .audiodata2, .audiodata3, .audiodata4 {font-size:{select:Body Font Size}; line-height:14px; text-transform:uppercase; letter-spacing:1px; text-align:left; color:{color:Text}; border:1px {color:Detail Background} solid; border-right:none;} .audiodata, .audiodata4 {border:none;}
  432.    
  433. .audiodata b, .audiodata3 b {color:{color:Link}; font-weight:normal;}
  434. .audiodata2 b, .audiodata4 b {color:{color:Link Hover}; font-weight:normal;}
  435.  
  436. /* --------------------------- ASK POSTS ---------------------------- */
  437.  
  438. #questions {position:relative; background-color:{color:Detail Background}; color:{color:Detail Text Light}; padding:15px 15px 12px 15px; text-transform:uppercase; letter-spacing:1px; font-size:{select:Body Font Size}; margin:-10px -10px 0px -10px; line-height:13px; border-bottom:1px {color:Detail Border} solid;}
  439. #questions strong {color:{color:Detail Text Dark};}
  440.  
  441.     #answers {margin:13px 0px 10px 0px; padding:0px 5px;
  442.     {block:PermalinkPage} margin:13px 0px -10px 0px;{/block:PermalinkPage}}
  443.     #answers img {max-width:390px;}
  444.  
  445. /* ------------------------- POST ENDINGS --------------------------- */
  446.  
  447. #ending {margin:8px -10px -10px -10px; overflow:hidden; height:24px; border-top:1px {color:Detail Border} solid; background-color:{color:Detail Background}; color:{color:Detail Text Light};}
  448.  
  449. #entries.five #ending {width:520px;}
  450. #entries.four #ending {width:420px;}
  451.  
  452. #right_ending {position:absolute; width:510px; text-align:right; margin:5px 0px 0px 8px; font-size:9px;}
  453.     #entries.five #right_ending {width:510px;}
  454.     #entries.four #right_ending {width:410px;}
  455.  
  456. #right_ending a {color:{color:Detail Text Light}; text-transform:uppercase; padding:0px 3px; letter-spacing:1px; font-size:8px;}
  457. #right_ending a:hover {color:{color:Detail Text Dark};}
  458.  
  459. .end_section {border-left:1px {color:Detail Border} solid; padding:6px 7px 8px 10px;}
  460.  
  461. #ending_tags {background-color:{color:Detail Background}; color:{color:Detail Text Light}; border-top:1px {color:Detail Border} solid; margin:10px -10px -10px -10px; padding:5px 10px;}
  462. #ending_tags a {color:{color:Detail Text Light}; text-transform:uppercase; padding:0px 10px 0px 0px; letter-spacing:1px; font-size:8px;}
  463. #ending_tags a:hover {color:{color:Detail Text Dark};}
  464.  
  465. /* ------------------------ PERMALINK PAGE -------------------------- */
  466.  
  467. .permalink {position:relative; background-color:{color:Post Background}; line-height:18px; letter-spacing:1px; font-size:{select:Body Font Size}; text-transform:uppercase; padding-right:20px; margin-bottom:0px; margin-top:0px; max-height:600px; overflow-y:scroll; overflow-x:hidden;}
  468.     #entries.five .permalink {width:480px;}
  469.     #entries.four .permalink {width:380px;}
  470. .permalink blockquote {margin:7px 20px 3px 5px;}
  471. ol.notes {padding:0px; list-style-type:none; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  472. ol.notes li.note {padding:1px; text-align:left;}
  473. .notes img {border-radius:8px; opacity:0.8; vertical-align:middle; width:8px; position:relative; margin-top:-2px; margin-right:5px;}
  474.  
  475. .perm_date {background-color:{color:Post Background}!important; margin:-10px -10px -20px -10px; padding:20px;}
  476. .perm_big {font-size:14px; color:{color:Text}; text-transform:uppercase; letter-spacing:1px; padding-bottom:10px; border-bottom:2px #eee solid; font-weight:normal;}
  477. .perm_small {font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-top:-5px; color:#000; opacity:0.8; line-height:30px;}
  478. .perm_small a {color:{color:Text}!important;}
  479. .perm_small a:hover {color:{color:Link}!important;}
  480. .post_tags {margin:-20px -10px 0px -10px; padding:10px;}
  481.     #entries.five .post_tags {width:500px;}
  482.     #entries.four .post_tags {width:400px;}
  483. .post_tags a {display:inline-block; margin:3px; background-color:{color:Link}; color:{color:Post Background}; line-height:12px; padding:8px 10px; opacity:0.8; word-spacing:break-word; letter-spacing:1px; text-transform:uppercase;}
  484. .post_tags a:hover {opacity:1; border-bottom:none;}
  485.    
  486. /* ------------------------- BEGIN THE BODY ------------------------- */
  487.  
  488. </style></head><body>
  489.  
  490. <a href="http://zeldathemes.tumblr.com/"><div id="credits">
  491. <div id="first_credit">ZT</div>
  492. <div id="second_credit">ZELDATHEMES</div></div></a>
  493. <div id="everything" class="{select:Post Size}">
  494.  
  495. <div id="theme_back"></div>
  496.  
  497. <div id="s_border1"></div><div id="s_border2"></div>
  498. <div id="t_border1"></div><div id="t_border2"></div>
  499.  
  500. <div id="tab_title"><a href="/">{text:Refresh Title}</a></div>
  501.  
  502. <div class="tabs">
  503. <ul class="tab-links">
  504.     <li class="active"><a href="#tab1">index</a></li>
  505.     {block:ifShowMessageTab}
  506.     <li><a href="#tab2">message</a></li>
  507.     {/block:ifShowMessageTab}
  508.     {block:ifShowAboutTab}
  509.     <li><a href="#tab3">about</a></li>
  510.     {/block:ifShowAboutTab}
  511.     {block:ifShowLinksTab}
  512.     <li><a href="#tab4">links</a></li>
  513.     {/block:ifShowLinksTab}
  514. </ul></div>
  515.  
  516. <div id="theme_container">
  517.  
  518. <div class="tabs">
  519.  
  520.     <div class="tab-content">
  521.         <div id="tab1" class="tab active">
  522.  
  523. <div id="entries" class="{select:Post Size}">{block:Posts}<div class="entries">
  524.  
  525. <!---------------------------- TEXT POSTS ----------------------------->
  526.  
  527. {block:Text}{block:Title}<div class="texttitle">{Title}</div><div style="line-height:0px; margin-top:-3px;"><br></div>{/block:Title}<div id="textbody">{Body}</div>
  528. {block:More}<a href="{Permalink}">Read More →</a>{/block:More}
  529. {/block:Text}
  530.  
  531. <!--------------------------- PHOTO POSTS ----------------------------->
  532.  
  533. {block:Photo}<div class="posty"><div class="five"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></div><div class="four"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"/></div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  534. {block:More}<a href="{Permalink}">Read More →</a>{/block:More} {/block:Photo}
  535.  
  536. <!-------------------------- PHOTOSET POSTS --------------------------->
  537.  
  538. {block:Photoset}<div class="posty"><div class="five">{Photoset-500}</div><div class="four">{Photoset-400}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  539. {block:More}<a href="{Permalink}">Read More →</a>{/block:More} {/block:Photoset}
  540.  
  541. <!---------------------------- QUOTE POSTS ----------------------------->
  542.  
  543. {block:Quote}<div id="quoteline"></div><div id="quotesymbol">&#8220;</div>{block:Source}<div class="source">{Source}</div>{/block:Source}<div class="{Length}_quote">{Quote}</div>{/block:Quote}
  544.  
  545. <!---------------------------- LINK POSTS ----------------------------->
  546.  
  547. {block:Link}<div id="linktitle"><a href="{URL}" target="_blank"><div class="linktitle">{Name}</div></a></div>{block:Description}<div class="linkdescription">{Description}</div>{/block:Description}
  548. {block:More}<a href="{Permalink}">Read More →</a>{/block:More} {/block:Link}
  549.  
  550. <!---------------------------- CHAT POSTS ----------------------------->
  551.  
  552. {block:Chat}<div id="chat_post">{block:Title}<div id="title" style="margin-bottom:5px;"><div class="texttitle">{Title}</div></div>{/block:Title}<div style="margin-top:5px;"><span style="line-height:16px!important;"><div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}<br></div></div></div>{/block:Lines}</span></div></div></div>{/block:Chat}
  553.  
  554. <!--------------------------- VIDEO POSTS ----------------------------->
  555.  
  556. {block:Video}<div class="posty"><div class="five">{Video-500}</div><div class="four">{Video-400}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  557. {block:More}<a href="{Permalink}">Read More →</a>{/block:More} {/block:Video}
  558.  
  559. <!--------------------------- AUDIO POSTS ----------------------------->
  560.  
  561. {block:Audio}<div id="audentryprob"><div class="audentry"><div class="audimg"><img src="http://24.media.tumblr.com/tumblr_m3j315A5l31r6luwpo1_500.png" alt="default album art" style="position:absolute; vertical-align:middle; -webkit-filter: grayscale(1);" />{block:AlbumArt}<img src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
  562.     </div><div id="audioblock"><table cellspacing="1px" cellpadding="0"><div class="audioplayer">{AudioPlayerWhite}</div>{block:TrackName}<tr><td class="audiodata"><b>track:</b> {TrackName}</td></tr>{/block:TrackName}{block:Artist}<tr><td class="audiodata2"><b>artist:</b> {Artist}</td></tr>{/block:Artist}{block:Album}<tr><td class="audiodata3"><b>album:</b> {Album}</td></tr>{/block:Album}<tr><td class="audiodata4"><b>plays:</b> {FormattedPlayCount}</td></tr>
  563.     {block:ExternalAudio}<tr><td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td></tr>{/block:ExternalAudio}</table></div></div></div>{block:Caption}<tr><td><div class="caption">{Caption}</div></td></tr>{/block:Caption}{/block:Audio}
  564.    
  565. <!---------------------------- ASK POSTS ------------------------------>
  566.  
  567. {block:Answer}<div id="questions"><strong>{Asker}:</strong> {Question}</div><div id="askline"></div>
  568. <div id="answers"><div class="entry_container">{Answer}</div></div>
  569. {block:More}<a href="{Permalink}">Read More →</a>{/block:More}
  570. {/block:Answer}
  571.    
  572. <!--------------------------- POST ENDINGS ---------------------------->
  573.  
  574. {block:IndexPage}{block:Date}
  575. <div id="ending">
  576. <div id="right_ending">
  577. {block:RebloggedFrom}<span class="end_section"><a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a></span> {/block:RebloggedFrom}<span class="end_section"><a href="{Permalink}">{NoteCountWithLabel}</a></span> <span class="end_section"><a href="{Permalink}" title="{TimeAgo}">{12Hour}:{Minutes} {CapitalAmPm}</a></span> <span class="end_section"><a href="{ReblogURL}">REBLOG</a></span> </div>
  578. </div>
  579. {block:ifShowTags}
  580. {block:HasTags}<div id="ending_tags">
  581. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  582. {/block:HasTags}
  583. {/block:ifShowTags}
  584. {/block:Date}{/block:IndexPage}
  585.  
  586. </div> <!------------------- PERMALINK PAGE --------------------------->
  587.  
  588. {block:PermalinkPage}
  589. {block:Date}<div class="entries" style="text-align:center!important;">
  590. <div class="perm_date"><div class="perm_big">Posted {TimeAgo} with {NoteCountWithLabel}</div>
  591. <div class="perm_small">{Month} {DayofMonth}{DayofMonthSuffix} at {12Hour}:{Minutes} {CapitalAmPm}<span style="padding:0px 10px; font-size:30px;"> </span>
  592. {block:RebloggedFrom}<span style="padding:0px 20px 0px 0px; font-size:26px; color:#eee!important;">|</span><a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a>{/block:RebloggedFrom}
  593. </div></div></div>
  594. {block:HasTags}<div class="entries" style="text-align:center!important; background-color:transparent!important; margin-top:-40px;"><div class="post_tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  595. {/block:Date}
  596. {block:PostNotes}<div class="entries"><div class="permalink">{PostNotes}</div></div>{/block:PostNotes}
  597. {/block:PermalinkPage}
  598.  
  599. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  600.  
  601. {/block:Posts}</div>
  602.  
  603. </div>
  604.  
  605. <!-------------------------- TAB 2: MESSAGE --------------------------->
  606.  
  607. {block:ifShowMessageTab}
  608. <div id="tab2" class="tab">
  609. <div id="ask">
  610. <div id="askbox_title">{text:Ask Box Title}</div>
  611.  
  612. <div id="askbox" class="five">
  613. <iframe frameborder="0" height="190px" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" width="500"></iframe></div>
  614. <div id="askbox" class="four">
  615. <iframe frameborder="0" height="260px" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" width="400"></iframe>
  616. </div>
  617.  
  618. {block:ifAskBoxDescription}
  619. <div id="askbox_description">{text:Ask Box Description}</div>    
  620. {/block:ifAskBoxDescription}
  621. </div>
  622. </div>
  623. {/block:ifShowMessageTab}
  624.  
  625. <!--------------------------- TAB 3: ABOUT ---------------------------->
  626.  
  627. {block:ifShowAboutTab}
  628. <div id="tab3" class="tab">
  629. <div id="about" class="{select:About Layout}">
  630. <div id="about_left">
  631.     <div id="about_icon">
  632.         <img src="{image:About Image}">
  633.     </div>
  634.     <div id="about_facts">
  635. <div class="fact" style="border-top:none!important;">
  636.                   <b>{text:Fact Title 1}:</b>{text:Fact Info 1}</div>
  637. <div class="fact"><b>{text:Fact Title 2}:</b>{text:Fact Info 2}</div>
  638. <div class="fact"><b>{text:Fact Title 3}:</b>{text:Fact Info 3}</div>
  639. <div class="fact"><b>{text:Fact Title 4}:</b>{text:Fact Info 4}</div>
  640.     </div>
  641. </div>
  642. <div id="about_right">
  643.     <div id="about_title">{text:About Title}</div>
  644.     <div id="about_info">{text:About Content}</div>
  645. </div>
  646. </div>
  647. </div>
  648. {/block:ifShowAboutTab}
  649.  
  650. <!--------------------------- TAB 4: LINKS ---------------------------->
  651.  
  652. {block:ifShowLinksTab}
  653. <div id="tab4" class="tab">
  654.  
  655. <div id="links">
  656. <div id="links_title">{text:Link Title}</div>
  657. <div id="links_content">
  658.     {block:ifLink1Title}
  659.     <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  660.     {/block:ifLink1Title}
  661.     {block:ifLink2Title}
  662.     <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  663.     {/block:ifLink2Title}
  664.     {block:ifLink3Title}
  665.     <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  666.     {/block:ifLink3Title}
  667.     {block:ifLink4Title}
  668.     <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  669.     {/block:ifLink4Title}
  670.     {block:ifLink5Title}
  671.     <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  672.     {/block:ifLink5Title}
  673.     {block:ifLink6Title}
  674.     <a href="{text:Link 6 URL}">{text:Link 6 Title}</a>
  675.     {/block:ifLink6Title}
  676.     {block:ifLink7Title}
  677.     <a href="{text:Link 7 URL}">{text:Link 7 Title}</a>
  678.     {/block:ifLink7Title}
  679.     {block:ifLink8Title}
  680.     <a href="{text:Link 8 URL}">{text:Link 8 Title}</a>
  681.     {/block:ifLink8Title}
  682.     {block:ifLink9Title}
  683.     <a href="{text:Link 9 URL}">{text:Link 9 Title}</a>
  684.     {/block:ifLink9Title}
  685. </div>
  686.    
  687. </div>
  688.  
  689. </div>
  690. {/block:ifShowLinksTab}
  691.  
  692. <!----------------------------- END TABS ------------------------------>
  693.  
  694. </div></div></div>
  695.  
  696. <div class="description">
  697. {Description}
  698. </div>
  699.  
  700.     {block:Pagination}<div id="pag_tab">
  701. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  702. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  703.     </div>{block:Pagination}
  704.  
  705. </div>
  706. </body>
  707.  
  708. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement