API tools faq
paste
Advertisement
heyahminai

Theme #5.2 (Theme 5 revamp)

heyahminai
Mar 21st, 2015
6,264
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.04 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. Name: Theme #5.2 (Theme #5 revamp)
  7.  
  8. Author: neurodivergentkillua.tumblr.com / themesbyarin.tumblr.com
  9.  
  10. Copyright: Please do not move the credit button! No base code used for this theme so all credit goes to me
  11.  
  12. Notes: You can edit what ever you want as long as you dont move the credit button idrc have at it. If you need help editing something feel free to ask ill be glad to help
  13.  
  14. -->
  15.  
  16.  
  17. <link rel="shortcut icon" href="{image:Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19. <title>{Title}</title>
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="color:background" content="#def5f0">
  23. <meta name="color:text" content="#666666" />
  24. <meta name="color:link hover" content="#000000" />
  25. <meta name="color:link" content="#000000" />
  26. <meta name="color:info Color" content="#bbe4d0" />
  27. <meta name="color:tags Color" content="#bbe4d0" />
  28. <meta name="color:Borders" content="#8b99a1" />
  29. <meta name="color:Nav Text" content="#777777" />
  30. <meta name="color:SelectionBG" content="#ddf2e8" />
  31. <meta name="color:SelectionText" content="#000000" />
  32. <meta name="color:scrollbar" content="#000000" />
  33.  
  34. <meta name="select:Body Font" content="verdana" title="Verdana"/>
  35. <meta name="select:Body Font" content="consolas" title="Consolas"/>
  36. <meta name="select:Body Font" content="lucida sans" title="Lucida Sans"/>
  37. <meta name="select:Body Font" content="arial" title="Arial"/>
  38. <meta name="select:Body Font" content="courier new" title="Courier New"/>
  39. <meta name="select:Body Font" content="Comic Sans MS"title="Comic Sans"/>
  40.  
  41. <meta name="image:sidebar" content="" />
  42. <meta name="image:favicon" content="" />
  43. <meta name="image:background" content="https://36.media.tumblr.com/d1f2efaded5de6b27ce99c90ed8f8be6/tumblr_nlbmxpQgwQ1u3mmtdo1_540.png" />
  44. <meta name="image:bottom" content="" />
  45.  
  46. <meta name="if:Background Cover" content="1" />
  47. <meta name="if:ShowTags" content="1" />
  48. <meta name="if:ShowCaption" content="1" />
  49. <meta name="if:400px" content="0"/>
  50. <meta name="if:Borders" content="1" />
  51. <meta name="if:menu" content="1" />
  52.  
  53. <meta name="text:Menu Title" content="navigation" />
  54. <meta name="text:Body Font Size" content="11" />
  55. <meta name="text:img right" content=""/>
  56. <meta name="text:img left" content=""/>
  57. <meta name="text:img size" content="auto"/>
  58.  
  59. <meta name="text:name1" content="link1" />
  60. <meta name="text:link1" content="/" />
  61. <meta name="text:name2" content="link2" />
  62. <meta name="text:link2" content="/" />
  63. <meta name="text:name3" content="link3" />
  64. <meta name="text:link3" content="/" />
  65. <meta name="text:name4" content="link4" />
  66. <meta name="text:link4" content="/" />
  67. <meta name="text:name5" content="link5" />
  68. <meta name="text:link5" content="/" />
  69. <meta name="text:name6" content="link6" />
  70. <meta name="text:link6" content="/" />
  71. <meta name="text:name7" content="link7" />
  72. <meta name="text:link7" content="/" />
  73. <meta name="text:name8" content="link8" />
  74. <meta name="text:link8" content="/" />
  75.  
  76. </head>
  77.  
  78. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  79.  
  80. <style type="text/css">
  81.  
  82.  
  83. ::-webkit-scrollbar { height: 0px; width: 9px; background: {color:scrollbar}; border: 4px solid {color:background}; opacity:1; } ::-webkit-scrollbar-thumb { background: {color:scrollbar}; border: {color:background} solid 2px; height: 8px; width: 20px; } ::selection { background: {color:selectionBG}; color: {color:selectionText}; } ::-moz-selection { background: {color:selectionBG}; color: {color:selectionText}; } ::-webkit-selection { background: {color:selectionBG}; color: {color:selectionText}; }
  84.  
  85. body { color:{color:text}; background-color:{color:Background}; background-image: url('{image:background}'); background-attachment: fixed; {block:ifbackgroundcover}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifbackgroundcover} font-family:{select:Body Font}; font-size: {text:body font size}px; line-height:18px; text-align:left; padding: 0px; margin: 0px; cursor: auto;} a, a:link,a:active,a:visited, a:hover {cursor:auto;}
  86.  
  87. #content a{background: {color:info color};padding: 0px 3px; text-decoration: none!important;}
  88.  
  89. #content a:hover{color: {color:link hover};}
  90.  
  91. #s-m-t-tooltip { z-index:9999999999999; background: {color:info color}; font-size: {text:BodyFontSize}px; letter-spacing: 0px; word-wrap:break-word; padding: 2px 5px 2px 6px; font-family:{select:Body Font}; display: block; margin: 10px 10px 10px 15px; border: 1px solid {color:borders}; color: {color:text}; }
  92.  
  93. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  94.  
  95. a:hover {color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  96.  
  97. p {margin-top: 5px;margin-bottom:5px}
  98.  
  99. blockquote {padding-left:10px; margin:8px 8px 0px 8px; border-left:2px solid black; border-left-color: black;}
  100.  
  101. img a{border:none; width:100%;}
  102.  
  103. #postholder{position: relative; left: 530px;width: 500px; {block:if400px}width:400px;{/block:if400px} }
  104.  
  105. #entries {padding: 5px 35px; margin-top: -40px;text-align: left;{block:indexpage} width: 520px;{/block:indexpage}{block:permalinkpage}width: 520px; {/block:permalinkpage} {block:if400px}{block:indexpage}width:420px;{/block:indexpage}{block:permalinkpage}width: 520px;{/block:permalinkpage}{/block:if400px}{block:ifborders}border: 1px solid {color:borders};border-style:none solid solid solid;{/block:ifborders} }
  106.  
  107. #posts {margin:120px 0px 30px 0px; text-align: left; padding: 0px; }
  108.  
  109. #sidebar #content{padding: 9px; }
  110.  
  111. #posts #content {padding:9px;background-color: #ffffff;border-radius:10px;{block:ifborders}border: 1px solid {color:borders};{/block:ifborders}}
  112.  
  113. #posts #photo img {width: 100%;}
  114.  
  115. #content a{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  116.  
  117. #desc a:hover{margin: 0px;}
  118.  
  119. #posts a{text-decoration: underline;}
  120.  
  121. #posts img {max-width:100%; }
  122.  
  123. #sidebarholder{position: fixed; top: 20%; left: 100px; {block:ifborders}border: 1px solid {color:borders};{/block:ifborders} width: auto; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius:10px}
  124.  
  125. #sidebarcontent{width: auto; }
  126.  
  127. #sidebar{ width:230px; margin: 15px; padding: 20px;text-align: center;background: white;border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius:10px;{block:ifborders}border: 1px solid {color:borders};{/block:ifborders}}
  128.  
  129. #info{{block:ifborders}border: 1px solid {color:borders};{/block:ifborders}padding: 5px 10px 0px 10px; display:block; padding-bottom:5px; font-size: {text:body font size}px; font-family:{select:Body Font}; text-transform:none; background: {color:info Color}; height: 15px;-moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease;border-top-left-radius: 10px;border-top-right-radius: 10px;-moz-top-border-radius: 10px; -webkit-top-border-radius: 10px; {block:ifnotshowtags}{block:indexpage}border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;{/block:indexpage}{/block:ifnotshowtags}}
  130.  
  131. #info a{text-decoration: none;}
  132.  
  133. #tags{{block:ifborders}border: 1px solid {color:borders}; border-style: none solid solid solid;{/block:ifborders}text-align: left; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;-moz-bottom-border-radius: 10px; -webkit-bottom-border-radius: 10px; font-size: {text:body font size}px; padding: 5px 10px 5px 10px; background: {color:tags Color}; -moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease;} #tags a{text-decoration: none;}
  134.  
  135. #pagination {font-family:{select:Body Font}; text-align:right; font-size:13px;}
  136.  
  137. .title{font-size: 22px; line-height: 23px; font-weight: bold; margin: 0px;}
  138.  
  139. .title:hover{margin: margin: 0px 0px 0px 0px;}
  140.  
  141. #desc {display: inline; text-align: right;text-align: center; font-size: {text:body font size}px;} #desc a{text-decoration: underline;}
  142.  
  143. .questionask {background: {color:info color}; padding: 5px; margin-bottom: 9px;} .questionask a{text-decoration: underline;}
  144.  
  145. .audio{background-color:black; display:block}
  146.  
  147. #album{margin:0px; padding: 0px 0px 0px 0px; float:left; width:85px; background:{color:accent}; height:80px;}
  148.  
  149. #album img {border-radius:0px; padding: 0px; width: 80px;{block:ifBorders}border:3px solid {color:borders};{/block:ifBorders}}
  150.  
  151. #player{ float:left; width:25px; margin-left: 5px; padding-top:0px; margin-right: 30px; padding-bottom: 7px; height:18px; background-color:#fff; overflow-x:hidden; overflow-y:hidden; opacity: .9; filter:alpha(opacity=10); -moz-opacity: 0.1; -moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease; color:{color:Text}; margin-top:11px; margin-left:-91px; }
  152.  
  153. ul.chat, .chat ol, li.chat {list-style:none; margin:0px 0px 5px 0px; padding:0px}
  154.  
  155. .notes img{width:16px; position:relative; top:1px; padding: 2px; background: white;}
  156.  
  157. #entries .notecontainer { font-family:{select:Body Font} ; font-size: {text:body font size}px; color:{color:Text}; margin-top: 0px; margin-bottom: 20px; background: transparent; text-align: left;}
  158.  
  159. #entries .notecontainer a {color:{color:Link};text-decoration: underline; }
  160.  
  161. #entries .notecontainer ol.notes { padding: 0px 0 10px 0; list-style-type: none; font-size: {text:body font size}px;line-height: 13px; background: white; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; {block:ifborders}border: 1px solid {color:borders};{/block:ifborders}}
  162.  
  163. #entries .notecontainer ol.notes li.note {padding: 10px 10px 0 10px; }
  164.  
  165. #entries .notecontainer ol.notes li.note img.avatar {vertical-align: -4px; margin-right: 5px; width: 14px; padding: 0px;}
  166.  
  167. #entries .notecontainer ol.notes li.note span.action { font-weight: normal; line-height: 17px; }
  168.  
  169. #entries .notecontainer ol.notes li.note .answer_content { font-weight: normal; line-height: 17px; }
  170.  
  171. #entries .notecontainer ol.notes li.note blockquote { border-left: solid 1px {color:text}; padding: 4px 10px; margin: 10px 0px 0px 20px; line-height: 17px; }
  172.  
  173. #entries .notecontainer ol.notes li.note blockquote a { text-decoration: none; color:{color:link}; }
  174.  
  175. #posts left{float: left;} #posts right {float: right;}
  176.  
  177. #etc {background: {color:tags color};border-radius:10px; height: 15px; padding: 4px 10px;-moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease; {block:ifborders}border: 1px solid {color:borders}; {/block:ifborders}}
  178.  
  179. #btmimg img{position: fixed; bottom: 0px; right: {text:img right}px; left: {text:img left}px;height: {text:img size}%;z-index: -999999;}
  180.  
  181.  
  182. </style>
  183.  
  184. <body>
  185. <div id="sidebarholder">
  186. <div id="sidebarcontent">
  187. <div id="sidebar">
  188. <a href="/"><img src="{image:sidebar}" style="width:50%; padding:8px 5px 5px 0px;"></a>
  189. <div id="desc"><div id="content">{description}
  190.  
  191. </div></div>
  192.  
  193. {block:ifmenu} <div id="menu"><select onChange="location=this.options[this.selectedIndex].value;"style="font-family:{select:body font}; cursor:pointer; font-size: {text:body font size}px; color:{color:nav text};width:100%;padding:3px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;{block:ifborders}border: 1px solid {color:borders};{/block:ifborders}background-color: {color:info color};margin-bottom:10px;-webkit-appearance: none;text-align:center;margin-top:5px; ">
  194.  
  195. <center><option value="">{text:Menu Title}</option></center>
  196. {block:haspages}{block:pages}<option value="{url}">{label}</option>{/block:pages}{/block:haspages}
  197. {block:iflink1}<option value="{text:link1}">{text:name1}</option>{/block:iflink1}
  198. {block:iflink2}<option value="{text:link2}">{text:name2}</option>{/block:iflink2}
  199. {block:iflink3}<option value="{text:link3}">{text:name3}</option>{/block:iflink3}
  200. {block:iflink4}<option value="{text:link4}">{text:name4}</option>{/block:iflink4}
  201. {block:iflink5}<option value="{text:link5}">{text:name5}</option>{/block:iflink5}
  202. {block:iflink6}<option value="{text:link6}">{text:name6}</option>{/block:iflink6}
  203. {block:iflink7}<option value="{text:link7}">{text:name7}</option>{/block:iflink7}
  204. {block:iflink8}<option value="{text:link8}">{text:name8}</option>{/block:iflink8}
  205. </select>
  206. </form>
  207. </div><!-- end menu -->{/block:ifmenu}
  208.  
  209. <div id="etc">
  210. <div id="credit" style="float:left;"> <a href="http://themesbyarin.tumblr.com/" title="theme credit">©</a></div>
  211.  
  212. <div id="pagination">
  213. {block:PreviousPage}
  214. <a href="{PreviousPage}" style="font-size: 15px;">«</a>
  215. {/block:PreviousPage}
  216.  
  217. {block:JumpPagination length="5"}
  218. {block:CurrentPage}
  219. <span class="current_page">[{PageNumber}]</span>
  220. {/block:CurrentPage}
  221.  
  222. {block:JumpPage}
  223. <a class="jump_page" href="{URL}">{PageNumber}</a>
  224. {/block:JumpPage}
  225. {/block:JumpPagination}
  226.  
  227. {block:NextPage}
  228. <a href="{NextPage}" style="font-size: 15px;">»</a>
  229. {/block:NextPage}
  230. </div></div>
  231. {/block:Pagination}</div>
  232.  
  233.  
  234. </div> <!-- end links -->
  235.  
  236. </div> <!-- end sidebar content -->
  237. </div> <!-- end sidebar holder -->
  238.  
  239. <div id="postholder">
  240. <div id="entries">
  241. {block:posts}
  242.  
  243. <div id="posts">
  244.  
  245. <div id="content">
  246. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  247.  
  248. {block:Quote}<div class="title">“{Quote}”</div> — {Source}<br>{/block:Quote}
  249.  
  250. {block:Link}<a href="{URL}"><div class="title">{Name}</div></a>
  251. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  252.  
  253. <div id="photo">{block:IndexPage}{block:Photo}<center>{block:ifnot400px}<img src="{PhotoURL-500}"/>{/block:ifnot400px}{block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}</center>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photo}{/block:IndexPage} {block:PermalinkPage}{block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}</div>
  254.  
  255. {block:IndexPage}{block:Photoset}<center>{block:ifnot400px}{Photoset-500}{/block:ifnot400px}{block:if400px}{Photoset-400}{/block:if400px}</center>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photoset}{/block:IndexPage}
  256. {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
  257.  
  258. {block:Chat}{block:Title}
  259. <div class="title" style="margin-bottom: 5px; font-size: 14px;">{Title}</div>
  260. {/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  261.  
  262. {block:IndexPage}{block:Video}{block:ifnot400px}{Video-500}{/block:ifnot400px}{block:if400px}{Video-400}{/block:if400px}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Video}{/block:IndexPage}{block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
  263.  
  264. {block:Answer}<b><div class="questionask">{Asker} asked: </b> {Question}</div>{Answer}{/block:Answer}
  265.  
  266. {block:Audio}{block:AudioPlayer}
  267.  
  268. <div id="album">
  269. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  270. </div>
  271.  
  272. <div id="player">
  273. <div style="marginp:3px;">{AudioPlayerWhite}</div>
  274. </div>
  275.  
  276. <div id="infos" style="padding: 7px; background: {color:info color}; margin-left: 90px;">
  277. <span style="">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:ExternalAudio}<a href="{ExternalAudioURL}" title="{lang:Download}"> +</a>{/block:ExternalAudio}</span>
  278. <br>{block:Artist}{Artist}{/block:Artist}<br>{block:Album}{Album}{/block:Album}<br>{PlayCountWithLabel}</div>
  279. <div class="clear"></div>{/block:AudioPlayer}
  280. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  281.  
  282.  
  283. </div>
  284. <br>
  285. <center>
  286. {block:Date}<div id="info">
  287.  
  288. <left><a href="{Permalink}">{timeago} {block:ifnot400px}{block:indexpage} - {12HourWithZero}:{Minutes}{AmPm} - {MonthNumber}/{DayofMonth}{/block:indexpage}{block:permalinkpage} - {12HourWithZero}:{Minutes}{CapitalAmPm}- {MonthNumber}/{DayofMonth}{/block:permalinkpage}{/block:ifnot400px}{block:if400px}{block:permalinkpage} {12HourWithZero}:{Minutes}{CapitalAmPm}- {MonthNumber}/{DayofMonth}{/block:permalinkpage} {/block:if400px} </a></left><right><a href="{Permalink}">{block:NoteCount} {NoteCountwithLabel} / {/block:NoteCount} </a>{block:RebloggedFrom}<a href="{ReblogParentURL}">{lang:via}</a> /{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}"> {lang:source}</a> / {/block:ContentSource}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details">↺</a></right></center>
  289.  
  290. <center>{block:indexpage}{block:ifshowtags}<div id="tags">{block:HasTags}{lang:Tags}: {block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}{/block:HasTags} {/block:HasTags}</div>{/block:ifshowtags}{/block:indexpage}
  291.  
  292. {block:PermalinkPage}{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags} </div>{/block:HasTags}{/block:PermalinkPage}
  293.  
  294. </div>{/block:Date} <!-- end info -->
  295.  
  296. {/block:Posts}
  297.  
  298. {block:PostNotes}
  299. <div class="notes">
  300. <div class="notecontainer">{PostNotes}</div>
  301. </div>
  302. {/block:PostNotes}
  303.  
  304. </div>
  305. </div>
  306. </div>
  307.  
  308. </body>
  309.  
  310. </div>
  311.  
  312.  
  313. </html>
  314.  
  315. <div id="btmimg" >
  316. <img src="{image:bottom}">
  317. </div>
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!