API tools faq
paste
Advertisement
Aluf

[CSS] Theme 4[NO]

Aluf
Jan 30th, 2015
283
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 34.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head>
  2.  
  3. <!---- © AHA?
  4.        
  5. I claim no ownership of Ello or their website design. All coding
  6. below is of my own work with the exception of third-party scripts.---->
  7.  
  8. <!---------------------- DEFAULT VARIABLES --------------------------->
  9.  
  10. <!-- IMAGE -->
  11.  
  12. <meta name="image:Header" content=""/>
  13. <meta name="image:Icon" content=""/>
  14.  
  15. <!-- TEXT -->
  16.  
  17. <meta name="text:Your URL" content="your-url-here"/>
  18.  
  19. <meta name="text:About Title" content="short title?"/>
  20. <meta name="text:About Headline" content="a quick headline here!"/>
  21.  
  22. <meta name="text:Home Link Name" content="Home"/>
  23. <meta name="text:Link 1 Url" content="http://"/>
  24. <meta name="text:Link 1 Name" content="Link 1"/>
  25. <meta name="text:Link 2 Url" content="http://"/>
  26. <meta name="text:Link 2 Name" content="Link 2"/>
  27. <meta name="text:Link 3 Url" content="http://"/>
  28. <meta name="text:Link 3 Name" content="Link 3"/>
  29. <meta name="text:Link 4 Url" content="http://"/>
  30. <meta name="text:Link 4 Name" content="Link 4"/>
  31. <meta name="text:Link 5 Url" content="http://"/>
  32. <meta name="text:Link 5 Name" content="Link 5"/>
  33. <meta name="text:Link 6 Url" content="http://"/>
  34. <meta name="text:Link 6 Name" content="Link 6"/>
  35. <meta name="text:Link 7 Url" content="http://"/>
  36. <meta name="text:Link 7 Name" content="Link 7"/>
  37. <meta name="text:Link 8 Url" content="http://"/>
  38. <meta name="text:Link 8 Name" content="Link 8"/>
  39. <meta name="text:Link 9 Url" content="http://"/>
  40. <meta name="text:Link 9 Name" content="Link 9"/>
  41.  
  42. <!-- IF -->
  43.  
  44. <meta name="if:400pxPosts" content="0"/>
  45. <meta name="if:500pxPosts" content="1"/>
  46.  
  47. <meta name="if:PostBackground" content="0"/>
  48. <meta name="if:SidebarBackground" content="0"/>
  49.  
  50. <meta name="if:HeaderBackgroundStretch" content="1"/>
  51.  
  52. <meta name="if:AskBoxTab" content="1"/>
  53. <meta name="if:RoundedIconImage" content="1"/>
  54. <meta name="if:ShowTags" content="1"/>
  55.  
  56. <meta name="if:ShowLink4" content="1"/>
  57. <meta name="if:ShowLink5" content="1"/>
  58. <meta name="if:ShowLink6" content="1"/>
  59. <meta name="if:ShowLink7" content="1"/>
  60. <meta name="if:ShowLink8" content="1"/>
  61. <meta name="if:ShowLink9" content="1"/>
  62.  
  63. <!-- SELECT -->
  64.  
  65. <meta name="select:Title Size" content="14px" title="Really Tiny"/>
  66. <meta name="select:Title Size" content="16px" title="Tiny"/>
  67. <meta name="select:Title Size" content="18px" title="Small"/>
  68. <meta name="select:Title Size" content="20px" title="Medium"/>
  69. <meta name="select:Title Size" content="22px" title="Large"/>
  70. <meta name="select:Title Size" content="24px" title="Huge"/>
  71. <meta name="select:Title Size" content="26px" title="Really Huge"/>
  72.  
  73. <meta name="select:Header Height" content="0px" title="No Header"/>
  74. <meta name="select:Header Height" content="100px" title="100px"/>
  75. <meta name="select:Header Height" content="200px" title="200px"/>
  76. <meta name="select:Header Height" content="300px" title="300px"/>
  77. <meta name="select:Header Height" content="400px" title="400px"/>
  78. <meta name="select:Header Height" content="500px" title="500px"/>
  79.  
  80. <meta name="select:Header Background Position" content="top left" title="Top-Left"/>
  81. <meta name="select:Header Background Position" content="top center" title="Top-Center"/>
  82. <meta name="select:Header Background Position" content="top right" title="Top-Right"/>
  83. <meta name="select:Header Background Position" content="center left" title="Center-Left"/>
  84. <meta name="select:Header Background Position" content="center center" title="Center-Center"/>
  85. <meta name="select:Header Background Position" content="center right" title="Center-Right"/>
  86. <meta name="select:Header Background Position" content="bottom left" title="Bottom-Left"/>
  87. <meta name="select:Header Background Position" content="bottom center" title="Bottom-Center"/>
  88. <meta name="select:Header Background Position" content="bottom right" title="Bottom-Right"/>
  89.  
  90. <meta name="select:Home Link Icon" content="fa-folder-open" title="Folder"/>
  91. <meta name="select:Home Link Icon" content="fa-globe" title="Globe"/>
  92. <meta name="select:Home Link Icon" content="fa-home" title="House"/>
  93. <meta name="select:Home Link Icon" content="fa-refresh" title="Refresh"/>
  94.  
  95. <meta name="select:Link 1 Icon" content="fa-at" title="At Symbol"/>
  96. <meta name="select:Link 1 Icon" content="fa-book" title="Book"/>
  97. <meta name="select:Link 1 Icon" content="fa-calendar" title="Calendar"/>
  98. <meta name="select:Link 1 Icon" content="fa-camera" title="Camera"/>
  99. <meta name="select:Link 1 Icon" content="fa-clock-o" title="Clock"/>
  100. <meta name="select:Link 1 Icon" content="fa-code" title="Code"/>
  101. <meta name="select:Link 1 Icon" content="fa-comments-o" title="Comments"/>
  102. <meta name="select:Link 1 Icon" content="fa-envelope" title="Envelope"/>
  103. <meta name="select:Link 1 Icon" content="fa-facebook-square" title="Facebook"/>
  104. <meta name="select:Link 1 Icon" content="fa-flickr" title="Flickr"/>
  105. <meta name="select:Link 1 Icon" content="fa-google" title="Google"/>
  106. <meta name="select:Link 1 Icon" content="fa-heart" title="Heart"/>
  107. <meta name="select:Link 1 Icon" content="fa-instagram" title="Instagram"/>
  108. <meta name="select:Link 1 Icon" content="fa-lastfm-square" title="Last.FM"/>
  109. <meta name="select:Link 1 Icon" content="fa-lightbulb-o" title="Lightbulb"/>
  110. <meta name="select:Link 1 Icon" content="fa-bolt" title="Lightning"/>
  111. <meta name="select:Link 1 Icon" content="fa-moon-o" title="Moon"/>
  112. <meta name="select:Link 1 Icon" content="fa-music" title="Music Note"/>
  113. <meta name="select:Link 1 Icon" content="fa-pencil" title="Pencil"/>
  114. <meta name="select:Link 1 Icon" content="fa-pinterest" title="Pinterest"/>
  115. <meta name="select:Link 1 Icon" content="fa-rss" title="RSS"/>
  116. <meta name="select:Link 1 Icon" content="fa-search" title="Search"/>
  117. <meta name="select:Link 1 Icon" content="fa-skype" title="Skype"/>
  118. <meta name="select:Link 1 Icon" content="fa-smile-o" title="Smiley"/>
  119. <meta name="select:Link 1 Icon" content="fa-star" title="Star"/>
  120. <meta name="select:Link 1 Icon" content="fa-tags" title="Tags"/>
  121. <meta name="select:Link 1 Icon" content="fa-twitch" title="Twitch"/>
  122. <meta name="select:Link 1 Icon" content="fa-twitter" title="Twitter"/>
  123. <meta name="select:Link 1 Icon" content="fa-umbrella" title="Umbrella"/>
  124. <meta name="select:Link 1 Icon" content="fa-user" title="User"/>
  125. <meta name="select:Link 1 Icon" content="fa-youtube-play" title="YouTube"/>
  126.  
  127. <meta name="select:Link 2 Icon" content="fa-at" title="At Symbol"/>
  128. <meta name="select:Link 2 Icon" content="fa-book" title="Book"/>
  129. <meta name="select:Link 2 Icon" content="fa-calendar" title="Calendar"/>
  130. <meta name="select:Link 2 Icon" content="fa-camera" title="Camera"/>
  131. <meta name="select:Link 2 Icon" content="fa-clock-o" title="Clock"/>
  132. <meta name="select:Link 2 Icon" content="fa-code" title="Code"/>
  133. <meta name="select:Link 2 Icon" content="fa-comments-o" title="Comments"/>
  134. <meta name="select:Link 2 Icon" content="fa-envelope" title="Envelope"/>
  135. <meta name="select:Link 2 Icon" content="fa-facebook-square" title="Facebook"/>
  136. <meta name="select:Link 2 Icon" content="fa-flickr" title="Flickr"/>
  137. <meta name="select:Link 2 Icon" content="fa-google" title="Google"/>
  138. <meta name="select:Link 2 Icon" content="fa-heart" title="Heart"/>
  139. <meta name="select:Link 2 Icon" content="fa-instagram" title="Instagram"/>
  140. <meta name="select:Link 2 Icon" content="fa-lastfm-square" title="Last.FM"/>
  141. <meta name="select:Link 2 Icon" content="fa-lightbulb-o" title="Lightbulb"/>
  142. <meta name="select:Link 2 Icon" content="fa-bolt" title="Lightning"/>
  143. <meta name="select:Link 2 Icon" content="fa-moon-o" title="Moon"/>
  144. <meta name="select:Link 2 Icon" content="fa-music" title="Music Note"/>
  145. <meta name="select:Link 2 Icon" content="fa-pencil" title="Pencil"/>
  146. <meta name="select:Link 2 Icon" content="fa-pinterest" title="Pinterest"/>
  147. <meta name="select:Link 2 Icon" content="fa-rss" title="RSS"/>
  148. <meta name="select:Link 2 Icon" content="fa-search" title="Search"/>
  149. <meta name="select:Link 2 Icon" content="fa-skype" title="Skype"/>
  150. <meta name="select:Link 2 Icon" content="fa-smile-o" title="Smiley"/>
  151. <meta name="select:Link 2 Icon" content="fa-star" title="Star"/>
  152. <meta name="select:Link 2 Icon" content="fa-tags" title="Tags"/>
  153. <meta name="select:Link 2 Icon" content="fa-twitch" title="Twitch"/>
  154. <meta name="select:Link 2 Icon" content="fa-twitter" title="Twitter"/>
  155. <meta name="select:Link 2 Icon" content="fa-umbrella" title="Umbrella"/>
  156. <meta name="select:Link 2 Icon" content="fa-user" title="User"/>
  157. <meta name="select:Link 2 Icon" content="fa-youtube-play" title="YouTube"/>
  158.  
  159. <meta name="select:Link 3 Icon" content="fa-at" title="At Symbol"/>
  160. <meta name="select:Link 3 Icon" content="fa-book" title="Book"/>
  161. <meta name="select:Link 3 Icon" content="fa-calendar" title="Calendar"/>
  162. <meta name="select:Link 3 Icon" content="fa-camera" title="Camera"/>
  163. <meta name="select:Link 3 Icon" content="fa-clock-o" title="Clock"/>
  164. <meta name="select:Link 3 Icon" content="fa-code" title="Code"/>
  165. <meta name="select:Link 3 Icon" content="fa-comments-o" title="Comments"/>
  166. <meta name="select:Link 3 Icon" content="fa-envelope" title="Envelope"/>
  167. <meta name="select:Link 3 Icon" content="fa-facebook-square" title="Facebook"/>
  168. <meta name="select:Link 3 Icon" content="fa-flickr" title="Flickr"/>
  169. <meta name="select:Link 3 Icon" content="fa-google" title="Google"/>
  170. <meta name="select:Link 3 Icon" content="fa-heart" title="Heart"/>
  171. <meta name="select:Link 3 Icon" content="fa-instagram" title="Instagram"/>
  172. <meta name="select:Link 3 Icon" content="fa-lastfm-square" title="Last.FM"/>
  173. <meta name="select:Link 3 Icon" content="fa-lightbulb-o" title="Lightbulb"/>
  174. <meta name="select:Link 3 Icon" content="fa-bolt" title="Lightning"/>
  175. <meta name="select:Link 3 Icon" content="fa-moon-o" title="Moon"/>
  176. <meta name="select:Link 3 Icon" content="fa-music" title="Music Note"/>
  177. <meta name="select:Link 3 Icon" content="fa-pencil" title="Pencil"/>
  178. <meta name="select:Link 3 Icon" content="fa-pinterest" title="Pinterest"/>
  179. <meta name="select:Link 3 Icon" content="fa-rss" title="RSS"/>
  180. <meta name="select:Link 3 Icon" content="fa-search" title="Search"/>
  181. <meta name="select:Link 3 Icon" content="fa-skype" title="Skype"/>
  182. <meta name="select:Link 3 Icon" content="fa-smile-o" title="Smiley"/>
  183. <meta name="select:Link 3 Icon" content="fa-star" title="Star"/>
  184. <meta name="select:Link 3 Icon" content="fa-tags" title="Tags"/>
  185. <meta name="select:Link 3 Icon" content="fa-twitch" title="Twitch"/>
  186. <meta name="select:Link 3 Icon" content="fa-twitter" title="Twitter"/>
  187. <meta name="select:Link 3 Icon" content="fa-umbrella" title="Umbrella"/>
  188. <meta name="select:Link 3 Icon" content="fa-user" title="User"/>
  189. <meta name="select:Link 3 Icon" content="fa-youtube-play" title="YouTube"/>
  190.  
  191. <!-- COLOR -->
  192.  
  193. <meta name="color:Background" content="#FFFFFF"/>
  194. <meta name="color:Header Background" content="#000000"/>
  195.  
  196. <meta name="color:Sidebar Background" content="#FFFFFF"/>
  197. <meta name="color:Sidebar Link Background" content="#E5E5E5"/>
  198. <meta name="color:Sidebar Link Text" content="#000000"/>
  199. <meta name="color:Sidebar Selected Background" content="#000000"/>
  200. <meta name="color:Sidebar Selected Text" content="#FFFFFF"/>
  201.  
  202. <meta name="color:About Title" content="#222222"/>
  203. <meta name="color:About Headline" content="#888888"/>
  204. <meta name="color:About Description" content="#555555"/>
  205.  
  206. <meta name="color:Icon Link Background" content="#000000"/>
  207. <meta name="color:Icon Link Text" content="#FFFFFF"/>
  208. <meta name="color:Icon Link Background Hover" content="#E5E5E5"/>
  209. <meta name="color:Icon Link Text Hover" content="#000000"/>
  210. <meta name="color:Other Links" content="#000000"/>
  211.  
  212. <meta name="color:Posts" content="#FFFFFF"/>
  213. <meta name="color:Post Title" content="#000000" />
  214. <meta name="color:Link" content="#000000" />
  215. <meta name="color:Link Hover" content="#888888" />
  216. <meta name="color:Text" content="#333333" />
  217. <meta name="color:Bold" content="#000000" />
  218. <meta name="color:Italic" content="#000000" />
  219. <meta name="color:Blockquote Background" content="#E5E5E5" />
  220.  
  221. <meta name="color:Question Background" content="#E5E5E5" />
  222. <meta name="color:Question Text" content="#000000" />
  223. <meta name="color:Question Shadow" content="#CCCCCC" />
  224.  
  225. <meta name="color:Scrollbar" content="#555555"/>
  226. <meta name="color:Scrollbar Background" content="#999999"/>
  227.  
  228. <!----------------------- TUMBLR SCRIPTS ----------------------------->
  229.  
  230. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  231.  
  232. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  233. <script type="text/javascript" src="http://static.tumblr.com/vaqsgdj/m5lloo7bn/jquery.style-my-tooltips.js"></script>
  234. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_delay_time:100});});})(jQuery);</script>
  235.  
  236. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  237. <script type="text/javascript">
  238. $(function(){
  239. var stickyRibbonTop = $('#sidebar').offset().top;
  240. $(window).scroll(function(){
  241. if( $(window).scrollTop() > stickyRibbonTop ) {
  242. $('#sidebar').css({position: 'fixed', top: '0px'});
  243. } else {
  244. $('#sidebar').css({position: 'static', top: '0px'});
  245. }
  246. });
  247. });
  248. </script>
  249.  
  250. <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>
  251.  
  252. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  253.  
  254. <title>{Title}</title>
  255. <link rel="shortcut icon" href="{Favicon}">
  256. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  257. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  258.  
  259. <style type="text/css">
  260.  
  261. /* --------------------------- SCROLL ------------------------------ */
  262.  
  263. ::-webkit-scrollbar-thumb:vertical
  264.  {background-color:{color:Scrollbar}; height: 0px;}
  265. ::-webkit-scrollbar
  266.  {height:0px; width:6px; background-color:{color:Scrollbar Background};}
  267. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator
  268.     {display:none;}
  269.  
  270. /* ------------------------- SMT TOOLTIP --------------------------- */
  271.  
  272. #s-m-t-tooltip {position:absolute; background-color:{color:Sidebar Selected Background}; padding:5px; z-index:99999999999999; display:inline-block; text-transform:uppercase; color:{color:Sidebar Selected Text}; letter-spacing:1px; margin:3px; -webkit-transition:all 0s ease-out; -moz-transition:all 0s ease-out; transition:all 0s ease-out;}
  273.  
  274. /* ----------------------------- BODY ------------------------------ */
  275.  
  276. body {background-color:{color:Background}; color:{color:Text}; font-family:consolas; background-attachment:fixed; font-size:12px; margin:0;}
  277.  
  278. a {text-decoration:none; color:{color:Link};}
  279. a:hover {text-decoration:none; color:{color:Link Hover};}
  280.  
  281. b, strong {color:{color:Bold};}
  282. i, em {color:{color:Italic};}
  283.  
  284. #credits {position:fixed; bottom:18px; left:5px;}
  285. a #credits {color:{color:Text}!important; {block:ifPostBackground}color:{color:Posts}!important;{/block:ifPostBackground}}
  286. #first_credit {position:fixed; opacity:1;}
  287. #credits:hover #first_credit {opacity:0;}
  288. #second_credit {position:fixed; opacity:0;}
  289. #credits:hover #second_credit {opacity:1;}
  290.  
  291. /* ------------ BLOCKQUOTES (TOO MANY IF YOU ASK ME)  -------------- */
  292.  
  293. blockquote {margin:10px 0px; display:block; position:relative; border:5px solid {color:Blockquote Background}; background-color:{color:Blockquote Background}; padding:0px 10px;} blockquote img {max-width:100%!important;} blockquote:before {content:''; position:absolute; height:100%; padding:5px 0px; top:-5px; left:-5px;}
  294.  
  295. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:{color:Background};!important; border:5px solid {color:Background};{block:ifPostBackground}background-color:{color:Posts}!important; border:5px solid {color:Posts};{/block:ifPostBackground}
  296. }
  297.  
  298. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote {margin:10px; background-color:{color:Blockquote Background}!important; border:5px solid {color:Blockquote Background};}
  299.  
  300. /* ------------------------- THEME STUFF --------------------------- */
  301.  
  302. #header_image {position:absolute; top:0px; left:0px; width:100%; height:{select:Header Height}; margin-bottom:0px; background-color:{color:Header Background}; background-image:url('{image:Header}'); background-position:{select:Header Background Position}; {block:ifHeaderBackgroundStretch}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifHeaderBackgroundStretch} background-repeat:repeat;}
  303.  
  304. #fake_header {position:relative; top:0px; left:0px; width:100%; height:{select:Header Height};}
  305.  
  306. #content {margin:auto;
  307. {block:ifPostBackground}
  308. {block:if400pxPosts}width:890px;{/block:if400pxPosts}
  309. {block:if500pxPosts}width:990px;{/block:if500pxPosts}
  310. {block:ifPostBackground}
  311. {block:ifNotPostBackground}
  312. {block:if400pxPosts}width:850px;{/block:if400pxPosts}
  313. {block:if500pxPosts}width:950px;{/block:if500pxPosts}
  314. {block:ifNotPostBackground}}
  315.  
  316. #sidebar {position:relative; margin-top:0px;}
  317.  
  318. /* ----------------------------- TAB  ------------------------------ */
  319.  
  320. .tabs {display:inline-block;}
  321.  
  322. .tab-links:after {display:block; clear:both; content:'';}
  323.    
  324. .tab-links {text-align:left; margin-top:50px; width:440px;}
  325.  
  326. .tab-links li {margin:0px 42px 0px -40px; position:relative; display:inline-block; list-style:none; height:30px; line-height:14px;}
  327.  
  328. .tab-links a {display:inline-block; background-color:{color:Sidebar Link Background}; height:15px; line-height:15px; width:141px; padding:15px 25px; text-align:left; color:{color:Sidebar Link Text}; font-size:13px; {block:ifAskBoxTab} width:112px; {/block:ifAskBoxTab}}
  329.  
  330. .tab-links .message_link {width:0px!important; margin-right:-50px!important;}
  331.  
  332. .tab-links a .fa {color:{color:Sidebar Link Text};}
  333.  
  334. .tab-links a:hover, li.active a, li.active a:hover, .tab-links a:hover .fa, li.active a .fa, li.active a:hover .fa {background-color:{color:Sidebar Selected Background}; color:{color:Sidebar Selected Text};}
  335.  
  336. .fa-ask {font-size:14px; margin-left:-6px;}
  337.  
  338. .tab-content {padding-top:15px;}
  339.  
  340. .tab {display:none;}
  341.  
  342. .tab.active {display:block;}
  343.  
  344. #contented {width:390px; margin-top:10px; padding:0px;
  345. {block:ifSidebarBackground}
  346. background-color:{color:Sidebar Background};
  347. padding:5px 20px 20px 20px; width:350px!important;
  348. {/block:ifSidebarBackground}}
  349.  
  350. /* -------------------------- ABOUT TAB ---------------------------- */
  351.  
  352. #about_image img {width:162px; height:162px; {block:ifSidebarBackground}width:142px; height:142px;{/block:ifSidebarBackground} float:left; margin-right:20px; margin-bottom:10px; {block:ifRoundedIconImage} -webkit-border-radius:145px; -moz-border-radius:145px; border-radius:145px; {/block:ifRoundedIconImage}}
  353.  
  354. #about_title a {font-family:'arial'; font-weight:700; font-size:{select:Title Size}; padding-top:0px; color:{color:About Title};}
  355.  
  356. #about_headline {font-size:13px; margin-top:10px; color:{color:About Headline};}
  357.  
  358. #about_description {text-align:justify; margin-top:10px; color:{color:About Description};}
  359.  
  360. /* -------------------------- LINKS TAB ---------------------------- */
  361.  
  362. #inlink {width:182px; margin-top:0px;}
  363. #inlink a {display:inline-block; background-color:{color:Icon Link Background}; width:30px; height:30px; margin:0px 2px 10px 0px; text-align:center; padding:23px 24px 23px 23px;}
  364. #inlink .fa {color:{color:Icon Link Text};}
  365. #inlink a:hover {background-color:{color:Icon Link Background Hover};}
  366. #inlink a:hover .fa {color:{color:Icon Link Text Hover};}
  367.  
  368. .sublink {margin-top:-173px; margin-left:171px;}
  369.  
  370. .sublink a {margin-left:7px; font-size:13px; line-height:27px; color:{color:Other Links};}
  371.  
  372. .sublink a:before {background:{color:Other Links}; height:1px; width:20px; margin-bottom:3px; margin-right:4px; content:" "; display:inline-block;}
  373. .sublink a:hover:before {width:40px;}
  374.  
  375. .sublink a, .sublink a:hover, .sublink a:before, .sublink a:hover:before {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  376.  
  377. /* --------------------------- ASK TAB ----------------------------- */
  378.  
  379. #message_frame {margin-top:0px;}
  380.  
  381. /* ---------------------------- POSTS ------------------------------ */
  382.  
  383. #posts {position:absolute; top:{select:Header Height}; margin:0px 0px 0px 450px;}
  384.  
  385. .entry {position:relative; padding:0px; margin:50px 0px;
  386. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  387. {block:if500pxPosts}width:500px;{/block:if500pxPosts};
  388. {block:ifPostBackground}background-color:{color:Posts}; padding:20px;{/block:ifPostBackground}
  389. }
  390.  
  391. .entry h1 {font-size:22px; color:{color:Post Title}; font-weight:normal; text-transform:none; text-align:left; line-height:26px; margin:0px; font-family:'arial'; font-weight:700; color:#222;}
  392.  
  393. .entry img {{block:if400pxPosts}max-width:400px;{/block:if400pxPosts}
  394. {block:if500pxPosts}max-width:500px;{/block:if500pxPosts}}
  395.  
  396. .entry_body {margin:0px 5px;}
  397.  
  398. /* ---------------------------- CHAT ------------------------------- */
  399.  
  400. .chat .line {margin-bottom:8px;}
  401. .label {color:{color:Bold}; text-transform:uppercase; padding-right:2px; letter-spacing:1px;}
  402.  
  403. /* --------------------------- QUOTE ------------------------------- */
  404.  
  405. .short_quote, .medium_quote, .long_quote {height:auto; text-align:left; font-family:'arial'; font-weight:700; color:{color:Post Title};}
  406. .short_quote {font-size:22px; line-height:26px;}
  407. .medium_quote {font-size:20px; line-height:24px;}
  408. .long_quote {font-size:18px; line-height:22px;}
  409. .source {text-align:right; font-style:none; font-size:12px; margin-top:10px; margin-bottom:-5px; font-family:'consolas'; font-weight:400; color:{color:Text};}
  410.  
  411. /* --------------------------- LINKS ------------------------------- */
  412.  
  413. #linktitle {{block:if400pxPosts}width:400px;{/block:if400pxPosts}
  414. {block:if500pxPosts}width:500px;{/block:if500pxPosts}}
  415.  
  416. .linktexttitle {font-size:14px; text-transform:uppercase; letter-spacing:1px; line-height:20px; text-align:left; background-color:{color:Link}; text-align:center; padding:5px 3px 3px 3px; opacity:0.8; padding:10px 0px;}
  417. .linktexttitle:hover {opacity:1;}
  418. a .linktexttitle {color:{color:Background}; {block:ifPostBackground}color:{color:Posts}!important;{/block:ifPostBackground}}
  419. .linkdescription {padding:0px; margin:0px; text-align:left;}
  420.  
  421. /* --------------------------- AUDIO ------------------------------- */
  422.  
  423. #audentryprob {display:block; height:auto; min-height:190px; margin-bottom:-20px;}
  424. #audentryprob table {{block:if400pxPosts}width:240px;{/block:if400pxPosts}
  425. {block:if500pxPosts}width:340px;{/block:if500pxPosts}}
  426.     #audioblock {height:150px; overflow:hidden; margin-left:160px;}
  427.     .audentry {{block:if400pxPosts}width:400px;{/block:if400pxPosts}
  428. {block:if500pxPosts}width:500px;{/block:if500pxPosts} position:relative; padding:0px;}
  429. .audimg img {opacity:1!important; width:148px; height:148px; solid;}
  430.     .audioplayer {padding:5px 5px 3px 5px; background-color:#e3e3e3; overflow:hidden; margin:0px 0px 10px 0px; opacity:0.8;}
  431.     .audiodata, .audiodata2, .audiodata3, .audiodata4 {line-height:14px; padding-bottom:8px; text-transform:uppercase; letter-spacing:1px; text-align:left;}
  432.    
  433. /* ------------------------- ASK POSTS ----------------------------- */
  434.  
  435. #question {{block:if400pxPosts}width:370px;{/block:if400pxPosts}
  436. {block:if500pxPosts}width:470px;{/block:if500pxPosts} padding:10px 15px; background-color: {color:Question Background}; color:{color:Question Text}; -webkit-box-shadow:0px 3px 3px 0px {color:Question Shadow}; -moz-box-shadow:0px 3px 3px 0px {color:Question Shadow}; box-shadow:0px 3px 3px 0px {color:Question Shadow}}
  437.  
  438. #asker {text-align:left; vertical-align:bottom; margin-top:2px; margin-left:20px; letter-spacing:1px; text-transform:uppercase; line-height:18px;}
  439.  
  440. #asker a {color:{color:Text}}
  441. #asker a:hover {color:{color:Link Hover}}
  442.  
  443. #asker img {float:left; max-height:16px; margin-left: 26px; margin-right: 5px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-filter: grayscale(1); opacity:0.9;}
  444.  
  445. #arrow {width: 13px; height: 7px; font-size:32px; margin-top:-16px; margin-left:18px; font-family:'trebuchet ms'; color:{color:Question Background}}
  446.  
  447. /* --------------------------- ENDING ------------------------------ */
  448.  
  449. #ending {{block:if400pxPosts}width:400px;{/block:if400pxPosts} {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  450. overflow:hidden; margin:20px 0px 0px 0px;}
  451. #ending a, #ending a .fa {color:{color:Text}}
  452. #ending a:hover, #ending a:hover .fa {color:{color:Link Hover};}
  453.    
  454. #noslide {margin-top:0px; position:relative;}
  455. #slide {margin-right:20px; text-transform:uppercase;}
  456.  
  457. .fa-notes {font-size:11px;}
  458. .fa-reblog {font-size:10px;}
  459. .fa-via {font-size:10px;}
  460.  
  461. #post_tags {line-height:14px; margin:5px 0px 0px 0px; {block:if400pxPosts}width:400px;{/block:if400pxPosts} {block:if500pxPosts}width:500px;{/block:if500pxPosts} padding:0px 0px 5px 0px; text-transform:uppercase;}
  462. #post_tags a {margin:0px 10px 5px 0px; font-size:10px; letter-spacing:1px;}
  463.  
  464. /* -------------------------- PERMALINK ---------------------------- */
  465.  
  466. .permalink {position:relative!important; float:none; line-height:18px; letter-spacing:1px; color:{color:Text}; text-transform:uppercase; text-align:center; {block:if400pxPosts}width:400px;{/block:if400pxPosts} {block:if500pxPosts}width:500px;{/block:if500pxPosts} {block:ifPostBackground} color:{color:Posts};{/block:ifPostBackground}}
  467. .permalink blockquote {padding:4px; padding-left:14px; margin-left:3px;}
  468. ol.notes {padding:0px; list-style-type:none; background:transparent; letter-spacing:1px; padding-top:10px; margin-top:10px; margin-bottom:0px;}
  469. ol.notes li.note {padding: 1px; text-align: left;}
  470. .notes img {border-radius:8px; vertical-align:middle; width:10px; position:relative; margin-top:-2px; margin-right:5px;}
  471. .post_tags {{block:if400pxPosts}width:400px;{/block:if400pxPosts} {block:if500pxPosts}width:500px;{/block:if500pxPosts} letter-spacing:1px; margin:0px 0px 30px 0px;}
  472. .post_tags a {display:inline-block; margin:3px; background-color:{color:Link}; color:{color:Background}; padding:4px 6px 3px 6px; opacity:0.7; word-spacing:break-word;}
  473. .post_tags a:hover {opacity:1; border-bottom:none;}
  474.  
  475. /* ------------------------- PAGINATION ---------------------------- */
  476.  
  477. #pages {position:relative; width:390px; text-align:right; margin-top:20px;}
  478. #pages a {display:inline-block; color:{color:Text}; margin-left:20px; font-size:17px; {block:ifPostBackground} color:{color:Posts};{/block:ifPostBackground}}
  479. #pages a:hover {color:{color:Link Hover};}
  480.  
  481. /* ------------------------ CUSTOM CSS ----------------------------- */
  482.  
  483. {CustomCSS}
  484.  
  485. </style>
  486. </head>
  487.  
  488. <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.  
  494. <div id="header_image"></div>
  495.  
  496. <div id="content">
  497.  
  498. <div id="fake_header"></div>
  499. <div id="sidebar">
  500. <div class="tabs">
  501. <ul class="tab-links">
  502.     <li class="active"><a href="#about">About</a></li>
  503.     <li><a href="#links">Links</a></li>
  504.     {block:ifAskBoxTab}
  505.     <li><a class="message_link" href="#message"><i class="fa fa-envelope-o fa-ask"></i></a></li>
  506.     {/block:ifAskBoxTab}
  507. </ul></div>
  508.  
  509. <div id="contented">
  510.  
  511. <div class="tabs">
  512. <div class="tab-content">
  513.  
  514. <div id="about" class="tab active">
  515.  
  516. {block:ifIconImage}
  517.     <div id="about_image"><a href="/"><img src="{image:Icon}"></a></div>
  518. {/block:ifIconImage}
  519. <div id="about_title"><a href="/">{text:About Title}</a></div>
  520. <div id="about_headline">{text:About Headline}</div>
  521. <div id="about_description">{Description}</div>
  522.  
  523. </div>
  524.  
  525. <div id="links" class="tab">
  526.  
  527. <div id="inlink">
  528.     <a href="/" title="{text:Home Link Name}">
  529.         <i class="fa {select:Home Link Icon} fa-3x"></i>
  530.     </a>
  531.     <a href="{text:Link 1 URL}" title="{text:Link 1 Name}">
  532.         <i class="fa {select:Link 1 Icon} fa-3x"></i>
  533.     </a>
  534.     <a href="{text:Link 2 URL}" title="{text:Link 2 Name}">
  535.         <i class="fa {select:Link 2 Icon} fa-3x"></i>
  536.     </a>
  537.     <a href="{text:Link 3 URL}" title="{text:Link 3 Name}">
  538.         <i class="fa {select:Link 3 Icon} fa-3x"></i>
  539.     </a>
  540. </div>
  541.  
  542. <div class="sublink">
  543. {block:ifShowLink4}
  544. <a href="{text:Link 4 URL}">{text:Link 4 Name}</a><br>
  545. {/block:ifShowLink4}
  546. {block:ifShowLink5}
  547. <a href="{text:Link 5 URL}">{text:Link 5 Name}</a><br>
  548. {/block:ifShowLink5}
  549. {block:ifShowLink6}
  550. <a href="{text:Link 6 URL}">{text:Link 6 Name}</a><br>
  551. {/block:ifShowLink6}
  552. {block:ifShowLink7}
  553. <a href="{text:Link 7 URL}">{text:Link 7 Name}</a><br>
  554. {/block:ifShowLink7}
  555. {block:ifShowLink8}
  556. <a href="{text:Link 8 URL}">{text:Link 8 Name}</a><br>
  557. {/block:ifShowLink8}
  558. {block:ifShowLink9}
  559. <a href="{text:Link 9 URL}">{text:Link 9 Name}</a>
  560. {/block:ifShowLink9}
  561. </div>
  562.  
  563.  
  564. </div>
  565.  
  566. {block:ifAskBoxTab}
  567. <div id="message" class="tab">
  568. <div id="message_frame">
  569. {block:ifSidebarBackground}
  570. <iframe frameborder="0" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" width="350px" height="255px" style="line-height: 1.4;"></iframe>
  571. {block:ifSidebarBackground}
  572. {block:ifNotSidebarBackground}
  573. <iframe frameborder="0" src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com" width="390px" height="255px" style="line-height: 1.4;"></iframe>
  574. {block:ifNotSidebarBackground}
  575. </div>
  576.  
  577. </div>
  578. {/block:ifAskBoxTab}
  579.    
  580. </div></div></div>
  581.  
  582. {block:Pagination}
  583. <div id="pages">
  584. {block:PreviousPage}
  585.     <a href="{PreviousPage}" title="Previous Page">←</a>
  586. {/block:PreviousPage}
  587. {block:NextPage}
  588.     <a href="{NextPage}" title="Next Page">→</a>
  589. {/block:NextPage}
  590. </div>
  591. {block:Pagination}
  592.    
  593. </div>
  594.  
  595. <div id="posts">
  596.  
  597. {block:Posts}
  598.  
  599. {block:ContentSource}
  600. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  601. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  602. {/block:SourceLogo}
  603. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  604. {/block:ContentSource}
  605.  
  606. <div class="entry">
  607.  
  608. {block:ContentSource}
  609. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  610. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  611. {/block:SourceLogo}
  612. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  613. {/block:ContentSource}
  614.  
  615. {block:Text}
  616. {block:Title}<h1>{Title}</h1>{/block:Title}
  617. <div style="margin-bottom:20px;">{Body}</div>
  618. {/block:Text}
  619.  
  620. {block:Photo}
  621. {block:if400pxPosts}<img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}">{/block:if400pxPosts}
  622. {block:if500pxPosts}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}">{/block:if500pxPosts}
  623. {block:Caption}{Caption}{/block:Caption}
  624. {/block:Photo}
  625.  
  626. {block:Photoset}
  627. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  628. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  629. {block:Caption}{Caption}{/block:Caption}
  630. {/block:Photoset}
  631.  
  632. {block:Quote}<div class="{Length}_quote">{Quote}{block:Source}<div class="source">— {Source}</div>{/block:Source}</div>{/block:Quote}
  633.  
  634. {block:Link}
  635. <a href="{URL}" class="linkpost" target="_blank"><div id="linktitle"><div class="linktexttitle">{Name}</div></div></a>
  636. {block:Description}
  637. <div class="linkdescription">{Description}</div>
  638. {/block:Description}
  639. {/block:Link}
  640.  
  641. {block:Chat}
  642. {block:Title}<h1>{Title}</h1>{/block:Title}
  643. <div class="chat">
  644. {block:Lines}<div class="chat"><div class="line {Alt}">
  645. <div class="{Alt} user_{UserNumber}">
  646. {block:Label}
  647. <span class="label">{Label}</span>
  648. {/block:Label}
  649. {Line}</div>
  650. </div></div>
  651. {/block:Lines}
  652. </div>
  653. {/block:Chat}
  654.  
  655. {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}
  656.     </div><div id="audioblock"><table cellspacing="1px" cellpadding="0"><div class="audioplayer">{AudioPlayerGrey}</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>
  657.     {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}
  658.  
  659. {block:Video}
  660. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  661. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  662. {block:Caption}{Caption}{/block:Caption}
  663. {/block:Video}
  664.  
  665. {block:Answer}
  666. <div id="question">{Question}</div>
  667. <div id="arrow">◥</div><br>
  668. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  669. {Answer}
  670. {/block:answer}
  671.  
  672. {block:Date}
  673.  
  674. <div id="ending">
  675. <div class="rnotes">
  676. <div id="noslide">
  677. <span id="slide">
  678. <a href="{Permalink}">{TimeAgo}</a>
  679. </span>
  680. <span id="slide">
  681. <a href="{Permalink}"><i class="fa fa-eye fa-notes"></i> {NoteCount}</a>
  682. </span>
  683. {block:RebloggedFrom}
  684. <span id="slide">
  685. <i class="fa fa-at fa-via"></i>
  686. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a> -
  687. <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a>
  688. </span>
  689. {/block:RebloggedFrom}
  690. <span id ="slide">
  691. <a href="{ReblogURL}"><i class="fa fa-cube fa-reblog"></i> Reblog</a>
  692. </span>
  693.  
  694. </div>
  695.    
  696. </div>
  697. </div>
  698.    
  699. {block:IfShowTags}
  700. {block:HasTags}
  701. <div id="post_tags">
  702. {block:Tags}<a href="{TagURL}" target="_blank">#{Tag}</a>{/block:Tags}
  703. </div>
  704. {/block:HasTags}
  705. {/block:IfShowTags}
  706.    
  707. {/block:Date}</div>
  708.  
  709. {block:PermalinkPage}{block:Date}<div class="entry" style="background-color:transparent!important;"><div class="permalink"><center>{block:HasTags}<div class="post_tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>{/block:Date}{/block:PermalinkPage}
  710.  
  711. {/block:Posts}
  712. </div>
  713.  
  714. </div>
  715.  
  716. </body>
  717. </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!