Advertisement
dolliedearie

theme 2/4

Feb 4th, 2017
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.12 KB | None | 0 0
  1. <!--
  2.  
  3. SUNNY THEME BY TUKUT
  4.  
  5. DO NOT STEAL / REMOVE CREDIT OR YOU WILL BE REPORTED
  6.  
  7. BLOG : http://tukut.tumblr.com/
  8.  
  9. THEMES : http://tukut.tumblr.com/tagged/my-theme
  10.  
  11. RESOURCES
  12. - PIXELS : http://tukut.tumblr.com/tagged/pixel
  13. - FAVICONS : http://tukut.tumblr.com/tagged/favicons
  14. - BACKGROUNDS : http://tukut.tumblr.com/tagged/backgrounds
  15. - THEME HELP : http://tukut.tumblr.com/tagged/theme-help
  16. - MESSAGE : http://tukut.tumblr.com/message
  17.  
  18.  
  19.  
  20. -->
  21.  
  22.  
  23.  
  24.  
  25. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  35.  
  36. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <script language=JavaScript>
  39. <!--
  40.  
  41. //Disable right mouse click Script
  42. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  43. //For full source code, visit http://www.dynamicdrive.com
  44.  
  45. var message="sorry! trying to protect my art";
  46.  
  47. ///////////////////////////////////
  48. function clickIE4(){
  49. if (event.button==2){
  50. alert(message);
  51. return false;
  52. }
  53. }
  54.  
  55. function clickNS4(e){
  56. if (document.layers||document.getElementById&&!document.all){
  57. if (e.which==2||e.which==3){
  58. alert(message);
  59. return false;
  60. }
  61. }
  62. }
  63.  
  64. if (document.layers){
  65. document.captureEvents(Event.MOUSEDOWN);
  66. document.onmousedown=clickNS4;
  67. }
  68. else if (document.all&&!document.getElementById){
  69. document.onmousedown=clickIE4;
  70. }
  71.  
  72. document.oncontextmenu=new Function("alert(message);return false")
  73.  
  74. // -->
  75. </script>
  76.  
  77. <head>
  78.  
  79.  
  80.  
  81. <title>{Title}</title>
  82. <link rel="shortcut icon" href="{image:Favicon}" />
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  84. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85.  
  86.  
  87.  
  88.  
  89.  
  90. <meta name="select:Font" content="Arial" title="Arial">
  91. <meta name="select:Font" content="Consolas" title="Consolas">
  92. <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
  93. <meta name="select:Font" content="Calibri" title="Calibri">
  94. <meta name="select:Font" content="Verdana" title="Verdana">
  95. <meta name="select:Font" content="Corbel" title="Corbel">
  96. <meta name="select:Font" content="Franklin Gothic Book" title="Franklin">
  97.  
  98.  
  99.  
  100. <meta name="image:Sidebar" content="http://static.tumblr.com/97f18c5633fef53957534c372179f0aa/dkpvapy/o7Qn39lah/tumblr_static_advent_23_light_periwinkle.gif"/>
  101. <meta name="color:Background" content="#fff"/>
  102. <meta name="color:Text" content="#666"/>
  103. <meta name="color:Blockquote" content="#c0c0c0"/>
  104. <meta name="color:Link" content="#7a7a7a"/>
  105. <meta name="color:LinkBG" content="#efeefc"/>
  106. <meta name="color:LinkBorder" content="#a0a4d7"/>
  107. <meta name="color:Border" content="#cec2e4"/>
  108.  
  109. <meta name="color:SidebarBorder" content="#cec2e4"/>
  110.  
  111.  
  112. <meta name="color:Nav" content="#f3f8ff"/>
  113. <meta name="color:NavBorder" content="#cdd7e2"/>
  114. <meta name="color:NavText" content="#4f4f4f"/>
  115.  
  116. <meta name="color:Search" content="#fff899"/>
  117. <meta name="color:SearchBorder" content="#ccc55d"/>
  118. <meta name="color:SearchText" content="#6c6c6c"/>
  119.  
  120.  
  121. <meta name="color:ScrollbarBorder" content="#88acb1"/>
  122. <meta name="color:Scrollbar" content="#b1fff9"/>
  123.  
  124.  
  125. <meta name="color:Selection" content="#c6fcfb"/>
  126. <meta name="color:SelectionText" content="#3fa4a4"/>
  127. <meta name="color:SelectionBorder" content="#81c4c2"/>
  128.  
  129.  
  130. <meta name="color:BigBorder" content="#e8c9ff"/>
  131.  
  132.  
  133.  
  134. <meta name="color:ToolTip" content="#d7ffff"/>
  135. <meta name="color:ToolTipBorder" content="#95e3e0"/>
  136. <meta name="color:ToolTipText" content="#669597"/>
  137.  
  138.  
  139.  
  140. <meta name="color:Footer" content="#eff3ff"/>
  141. <meta name="color:FooterBorder" content="#a5abd1"/>
  142. <meta name="color:FooterText" content="#717171"/>
  143.  
  144.  
  145. <meta name="color:AccentImgBorder" content="#b7a1db"/>
  146.  
  147. <meta name="color:Accent" content="#f1f1fa"/>
  148. <meta name="color:AccentBorder" content="#b5b8d3"/>
  149. <meta name="color:AccentText" content="#767676"/>
  150.  
  151.  
  152. <meta name="image:Background" content="" />
  153.  
  154. <meta name="image:Header" content="" />
  155.  
  156.  
  157. <meta name="image:PermalinkSprite" content="" />
  158.  
  159. <meta name="image:Bottom" content=""/>
  160. <meta name="image:Favicon" content="http://media.tumblr.com/cf7bbef9d9cc138a64de9089e42427e7/tumblr_inline_mkc8dla48m1rul1ji.gif" />
  161.  
  162. <meta name="if:PostBorders" content="1"/>
  163. <meta name="if:SidebarBorder" content="1"/>
  164.  
  165.  
  166. <meta name="if:Header" content="0"/>
  167. <meta name="if:ImageHeader" content="0"/>
  168.  
  169.  
  170. <meta name="if:InfiniteScroll" content="0"/>
  171. <meta name="if:ShowCaptions" content="1"/>
  172.  
  173. <meta name="if:ShowTags" content="1"/>
  174.  
  175. <meta name="if:ShowSidebarImage" content="1"/>
  176.  
  177. <meta name="if:ShowSearchBox" content="1"/>
  178.  
  179.  
  180.  
  181. <meta name="if:BigBorders" content="0"/>
  182.  
  183.  
  184. <meta name="if:FrameOnly" content="0"/>
  185.  
  186. <meta name="if:SlidingPosts" content="0"/>
  187. <meta name="if:LikeReblog" content="0"/>
  188.  
  189. <meta name="if:WhiteLikeReblog" content="0"/>
  190. <meta name="if:600px" content="0"/>
  191. <meta name="if:500px" content="0"/>
  192. <meta name="if:400px" content="1"/>
  193. <meta name="if:250px" content="0"/>
  194.  
  195.  
  196.  
  197. <meta name="if:Shadow" content="0"/>
  198. <meta name="if:SidebarShadow" content="0"/>
  199.  
  200. <meta name="if:HideFooters" content="0"/>
  201. <meta name="if:FancyFooter" content="0"/>
  202. <meta name="if:Rounded" content="1"/>
  203. <meta name="if:NavButtons" content="0"/>
  204. <meta name="if:SlidingNav" content="1"/>
  205. <meta name="if:NavMenu" content="0"/>
  206. <meta name="if:MaximizedBackground" content="0"/>
  207. <meta name="if:BodyLeft" content="0"/>
  208. <meta name="if:DescriptivePagination" content="0"/>
  209. <meta name="if:FadedImages" content="0"/>
  210. <meta name="if:Grayscale" content="0"/>
  211.  
  212.  
  213.  
  214. <meta name="select:BodyTransparency" content="1" title="opaque">
  215. <meta name="select:BodyTransparency" content=".9" title=".9">
  216. <meta name="select:BodyTransparency" content=".8" title=".8">
  217. <meta name="select:BodyTransparency" content=".7" title=".7">
  218. <meta name="select:BodyTransparency" content=".6" title=".6">
  219. <meta name="select:BodyTransparency" content=".5" title="semi-transparent">
  220. <meta name="select:BodyTransparency" content=".4" title=".4">
  221. <meta name="select:BodyTransparency" content=".3" title=".3">
  222. <meta name="select:BodyTransparency" content=".2" title=".2">
  223. <meta name="select:BodyTransparency" content=".1" title=".1">
  224. <meta name="select:BodyTransparency" content=".0" title="transparent">
  225.  
  226. <meta name="select:BodyColor" content="255,255,255" title="white">
  227. <meta name="select:BodyColor" content="255,191,238" title="pink">
  228. <meta name="select:BodyColor" content="193,191,255" title="indigo">
  229. <meta name="select:BodyColor" content="212,227,255" title="blue">
  230. <meta name="select:BodyColor" content="255,253,184" title="yellow">
  231. <meta name="select:BodyColor" content="197,255,143" title="green">
  232. <meta name="select:BodyColor" content="222,222,222" title="gray">
  233. <meta name="select:BodyColor" content="252,93,93" title="red">
  234. <meta name="select:BodyColor" content="181,251,255" title="cyan">
  235. <meta name="select:BodyColor" content="0,0,0" title="black">
  236.  
  237. <meta name="select:SidebarTransparency" content="1" title="opaque">
  238. <meta name="select:SidebarTransparency" content=".9" title=".9">
  239. <meta name="select:SidebarTransparency" content=".8" title=".8">
  240. <meta name="select:SidebarTransparency" content=".7" title=".7">
  241. <meta name="select:SidebarTransparency" content=".6" title=".6">
  242. <meta name="select:SidebarTransparency" content=".5" title="semi-transparent">
  243. <meta name="select:SidebarTransparency" content=".4" title=".4">
  244. <meta name="select:SidebarTransparency" content=".3" title=".3">
  245. <meta name="select:SidebarTransparency" content=".2" title=".2">
  246. <meta name="select:SidebarTransparency" content=".1" title=".1">
  247. <meta name="select:SidebarTransparency" content=".0" title="transparent">
  248.  
  249. <meta name="select:SidebarColor" content="255,255,255" title="white">
  250. <meta name="select:SidebarColor" content="255,191,238" title="pink">
  251. <meta name="select:SidebarColor" content="193,191,255" title="indigo">
  252. <meta name="select:SidebarColor" content="212,227,255" title="blue">
  253. <meta name="select:SidebarColor" content="255,253,184" title="yellow">
  254. <meta name="select:SidebarColor" content="197,255,143" title="green">
  255. <meta name="select:SidebarColor" content="222,222,222" title="gray">
  256. <meta name="select:SidebarColor" content="252,93,93" title="red">
  257. <meta name="select:SidebarColor" content="181,251,255" title="cyan">
  258. <meta name="select:SidebarColor" content="0,0,0" title="black">
  259.  
  260. <meta name="text:FontSize" content="11" />
  261.  
  262. <meta name="text:BigBorderThickness" content="22" />
  263. <meta name="text:DistanceBetweenPosts" content="30" />
  264.  
  265.  
  266. <meta name="text:SidebarLeftPosition" content="-170" />
  267. <meta name="text:SidebarTopPosition" content="120" />
  268. <meta name="text:SidebarWidth" content="120" />
  269. <meta name="text:SearchButtonText" content="Go!" />
  270. <meta name="text:MenuTitle" content="links" />
  271. <meta name="text:link 1 url" content="/" />
  272. <meta name="text:link 1" content="refresh" />
  273. <meta name="text:link 2 url" content="/ask" />
  274. <meta name="text:link 2" content="ask" />
  275. <meta name="text:link 3 url" content="/archive" />
  276. <meta name="text:link 3" content="archive" />
  277. <meta name="text:link 4 url" content="" />
  278. <meta name="text:link 4" content="" />
  279. <meta name="text:link 5 url" content="" />
  280. <meta name="text:link 5" content="" />
  281. <meta name="text:link 6 url" content="" />
  282. <meta name="text:link 6" content="" />
  283. <meta name="text:link 7 url" content="" />
  284. <meta name="text:link 7" content="" />
  285. <meta name="text:link 8 url" content="" />
  286. <meta name="text:link 8" content="" />
  287.  
  288. <meta name="text:ViaSymbol" content="♡" />
  289. <meta name="text:SourceSymbol" content="©" />
  290. <meta name="text:NotesSymbol" content="☆" />
  291. <meta name="text:TaggedSymbol" content="+" />
  292.  
  293. <meta name="text:BottomImageLeft" content="50" />
  294. <meta name="text:BottomImageTop" content="50" />
  295.  
  296.  
  297.  
  298. {block:ifInfiniteScroll}
  299.  
  300. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  301. {/block:ifInfiniteScroll}
  302.  
  303. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
  304.  
  305. <style type="text/css">
  306.  
  307. /* body { cursor:url('http://media.tumblr.com/tumblr_m2uleinPRc1qfamg6.gif'), auto }
  308.  
  309.  
  310. a, a:hover { cursor:url('http://media.tumblr.com/tumblr_m2ulel9Dyq1qfamg6.gif'), auto }
  311.  
  312. */
  313.  
  314. ::selection {
  315. background: {color:Selection};
  316. color: {color:SelectionText};
  317. }
  318.  
  319. ::-moz-selection {
  320. background: {color:Selection};
  321. color: {color:SelectionText};
  322. }
  323.  
  324. ::-webkit-selection {
  325. background: {color:Selection};
  326. color: {color:SelectionText};
  327. }
  328.  
  329. ::-webkit-scrollbar{
  330. width: 9px;
  331. background:rgba(0,0,0,0);
  332.  
  333.  
  334. }
  335.  
  336. ::-webkit-scrollbar-track{
  337. background:rgba(0,0,0,0);
  338. }
  339.  
  340. ::-webkit-scrollbar-thumb{
  341. {block:ifrounded} border-radius:3px;
  342. -webkit-border-radius:3px;
  343. -moz-border-radius:3px; {/block:ifrounded}
  344. background: {color:Scrollbar};
  345. border: 1px solid {color:scrollbarborder};
  346. }
  347.  
  348. ::-webkit-scrollbar-corner{ background:rgba(0,0,0,0);
  349. }
  350. .clear { clear: both; height: 0px; overflow: hidden; }
  351. #s-m-t-tooltip {
  352.  
  353.  
  354. {block:ifnotrounded}
  355. -moz-border-radius: 0px;
  356. -webkit-border-radius: 0px;
  357. border-radius: 0px; {/block:ifnotrounded}
  358.  
  359. {block:ifrounded}
  360. -moz-border-radius: 3px;
  361. -webkit-border-radius: 3px;
  362. border-radius: 3px; {/block:ifrounded}
  363.  
  364.  
  365. box-shadow:rgba(0,0,0,0.05)3px 3px;
  366. text-align:center;
  367. max-width:320px;
  368. z-index:9999999999999;
  369. background: {color:ToolTip};
  370. font-size: {select:fontsize}px;
  371. word-wrap:break-word;
  372. padding: 1px 5px;
  373. font-family: {select:font};
  374. display: block;
  375. margin-left:28px;
  376. margin-top:20px;
  377. border: 1px solid {color:ToolTipBorder};
  378. color: {color:ToolTipText};
  379. transition: .2s ease-in-out;
  380. -moz-transition: .2s ease-in-out;
  381. -webkit-transition: .2s ease-in-out;
  382. }
  383.  
  384.  
  385.  
  386. body {
  387.  
  388.  
  389. {block:ifMaximizedBackground}
  390. background:{color:Background} url('{image:Background}') no-repeat center fixed;
  391. -webkit-background-size: cover;
  392. -moz-background-size: cover;
  393. -o-background-size: cover;
  394. background-size: cover; {/block:ifMaximizedBackground}
  395. {block:ifnotMaximizedBackground} background:{color:background} url('{image:Background}') top left fixed repeat; {/block:ifnotMaximizedBackground}
  396. font-family: {select:Font};
  397.  
  398. font-size: {text:fontsize}px;
  399. color: {color:Text};
  400. }
  401.  
  402. blockquote {
  403.  
  404.  
  405. {block:if250px}width:82% ; {/block:if250px}
  406. {block:if400px}width: 91%;{/block:if400px}
  407. {block:if500px}width:93% ;{/block:if500px}
  408.  
  409. {block:if600px}width:93% ;{/block:if600px}
  410. margin-top:5px;
  411. margin-left:15px;
  412. padding-left:8px;
  413. border-left:2px solid {color:blockquote};
  414. }
  415.  
  416. a {
  417. text-decoration: none;
  418. color: {color:Link};
  419. }
  420.  
  421. .idiot{width:100%; height:0px; position:fixed; z-index:9999999999;bottom:0px;border-bottom:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  422. }
  423.  
  424.  
  425. .idiot2{width:110%; height:0px; margin-left:-10px; position:fixed; z-index:9999999999;top:0px;border-bottom:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  426. }
  427.  
  428.  
  429. .idiot3{height:100%; width:0px; position:fixed; z-index:9999999999;left:0px;border-left:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  430. }
  431.  
  432.  
  433. .idiot4{height:100%;width:0px; position:fixed; z-index:9999999999; right:0px;border-right:{text:BigBorderThickness}px solid {color:BigBorder}; background:rgba(255,255,255,.4);
  434. }
  435. #tukutcredit{
  436.  
  437.  
  438.  
  439. /*height:auto; */
  440.  
  441.  
  442.  
  443.  
  444. position:absolute;
  445.  
  446. {block:ifbigborders}
  447. top:{text:BigBorderthickness}px;
  448. border-left: {text:BigBorderThickness}px solid {color:BigBorder} ; padding-bottom:{text:BigBorderThickness}px;
  449.  
  450.  
  451. {/block:ifbigborders}
  452.  
  453.  
  454. {block:ifframeonly}
  455. top:{text:BigBorderthickness}px;
  456. padding-bottom:{text:BigBorderThickness}px;
  457. {/block:ifframeonly}
  458.  
  459.  
  460. padding-top:{text:distancebetweenposts}px;
  461.  
  462.  
  463. overflow:hidden;
  464.  
  465.  
  466.  
  467. padding-left:40px;
  468.  
  469.  
  470.  
  471. padding-right:40px;
  472.  
  473. {block:if250px}width:325px ; {/block:if250px}
  474. {block:if400px}width:475px;{/block:if400px}
  475. {block:if500px}width:575px ;{/block:if500px}
  476.  
  477. {block:if600px}width:675px ;{/block:if600px}
  478.  
  479. }
  480.  
  481. #container {
  482.  
  483.  
  484. overflow:hidden;
  485.  
  486.  
  487. /* height:auto; */
  488. {block:ifnotBodyLeft} margin: 0px auto; {/block:ifnotBodyLeft}
  489. {block:ifBodyLeft} margin-left:-10px;margin-top:0px; {/block:ifBodyLeft}
  490.  
  491.  
  492. {block:if250px}width:290px ; {/block:if250px}
  493. {block:if400px}width:440px;{/block:if400px}
  494. {block:if500px}width:540px ;{/block:if500px}
  495.  
  496. {block:if600px}width:640px ;{/block:if600px}
  497.  
  498. }
  499.  
  500.  
  501. #sidebar{
  502. z-index:999999999;
  503.  
  504. position:fixed; text-align:center;width:{text:SidebarWidth}px;
  505.  
  506. margin-left:{text:SidebarLeftPosition}px;
  507. margin-top:{text:SidebarTopPosition}px;
  508.  
  509. }
  510.  
  511.  
  512.  
  513.  
  514. .desc a{ transition: .2s ease-in-out;
  515. -moz-transition: .2s ease-in-out;
  516. -webkit-transition: .2s ease-in-out;
  517. border-bottom:1px solid {color:linkborder};
  518.  
  519. color: {color:link};
  520.  
  521. background: {color:linkBG};
  522. margin-right:1px;
  523. padding:0px 4px;
  524.  
  525. }
  526. .desc a:hover{
  527. border-bottom:1px solid {color:SelectionBorder};
  528. background: {color:selection}; color:{color:selectiontext};
  529. }
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537. #sidebar img{
  538.  
  539.  
  540.  
  541. max-width:100%}
  542.  
  543. .yep {
  544.  
  545. {block:ifrounded} border-radius:8px;
  546. -webkit-border-radius:8px;
  547. -moz-border-radius:8px; {/block:ifrounded}
  548.  
  549. padding:10px;
  550.  
  551. {block:ifsidebarshadow}
  552.  
  553. box-shadow:rgba(0,0,0,0.06)3px 3px;
  554. -moz-shadow:rgba(0,0,0,0.06)3px 3px;
  555. -webkit-shadow:rgba(0,0,0,0.06)3px 3px; {/block:ifsidebarshadow}
  556.  
  557. background: rgba({select:sidebarcolor},{select:SidebarTransparency});
  558.  
  559. {block:ifsidebarborder}border:1px solid {color:sidebarborder};
  560. {block:ifsidebarborder}}
  561.  
  562.  
  563.  
  564.  
  565.  
  566.  
  567. .search {
  568. height:22px;
  569. background: {color:Search};
  570. border: 1px solid {color:SearchBorder};
  571.  
  572. {block:ifnotrounded}
  573. -moz-border-radius: 0px;
  574. -webkit-border-radius: 0px;
  575. border-radius: 0px; {/block:ifnotrounded}
  576.  
  577. {block:ifrounded}
  578. -moz-border-radius: 5px;
  579. -webkit-border-radius: 5px;
  580. border-radius: 5px; {/block:ifrounded}
  581. }
  582.  
  583. .search form {
  584. margin: 0;
  585. }
  586.  
  587. .search form .query {
  588. padding: 2px;
  589. font-family:{select:font};
  590. border: none;
  591. background: transparent;
  592. outline: none; width:50%;
  593. float: left;
  594. color: {color:SearchText};
  595. }
  596.  
  597. .search form .submit {
  598. background: rgba(0,0,0,0) ;
  599. color: {color:SearchText};
  600. font-family:{select:font};
  601. border:none;
  602. padding: 2px 4px;
  603. font-size:{text:fontsize}px;
  604. margin: 3px 3px 2px 0;
  605. float: right;
  606. -moz-border-radius: 0px;
  607. -webkit-border-radius: 0px;
  608. border-radius: 0px;
  609. cursor: pointer;
  610. }
  611.  
  612.  
  613.  
  614. .nav {
  615.  
  616. transition: .2s ease-in-out;
  617. -moz-transition: .2s ease-in-out;
  618. -webkit-transition: .2s ease-in-out;
  619. text-align: center;
  620. width: 100%;
  621. margin-top:7px;
  622. margin-bottom:0px;
  623. font-size:{text:fontsize}px;
  624. line-height: 22px;
  625. }
  626.  
  627. .nav a{
  628. {block:ifnotrounded}
  629. -moz-border-radius: 0px;
  630. -webkit-border-radius: 0px;
  631. border-radius: 0px; {/block:ifnotrounded}
  632.  
  633. {block:ifrounded}
  634. -moz-border-radius: 3px;
  635. -webkit-border-radius: 3px;
  636. border-radius: 3px; {/block:ifrounded}
  637.  
  638. transition: .2s ease-in-out;
  639. -moz-transition: .2s ease-in-out;
  640. -webkit-transition: .2s ease-in-out;
  641. color: {color:NavText};
  642. background: {color:Nav};
  643.  
  644. border: 1px solid {color:NavBorder};
  645. margin-right: 2px;
  646.  
  647. padding: 1px 5px!important;
  648. }
  649.  
  650. .nav a:hover{
  651.  
  652. background: {color:selection}; color:{color:selectiontext}; border:1px solid {color:SelectionBorder};
  653. }
  654.  
  655. #pagi{
  656.  
  657. margin-bottom:-5px;
  658.  
  659.  
  660. transition: .2s ease-in-out;
  661. -moz-transition: .2s ease-in-out;
  662. -webkit-transition: .2s ease-in-out;
  663. font-size:{text:fontsize}px;
  664. text-align:center;
  665. letter-spacing:0px;
  666.  
  667. line-height: 22px;
  668. }
  669.  
  670.  
  671. .posts {
  672. border:1 auto rgba(0,0,0,0);
  673. {block:if250px}width:250px ; {/block:if250px}
  674. {block:if400px}width:400px;{/block:if400px}
  675. {block:if500px}width:500px ;{/block:if500px}
  676. {block:if600px}width:600px ;{/block:if600px}
  677. /* displ */
  678.  
  679.  
  680.  
  681. display:none;}
  682.  
  683.  
  684. .contents{
  685.  
  686.  
  687. display:block;
  688. margin:0 auto;
  689. }
  690.  
  691.  
  692. #pagi a{
  693.  
  694. {block:ifrounded} border-radius:3px;
  695. -webkit-border-radius:3px;
  696. -moz-border-radius:3px; {/block:ifrounded}
  697.  
  698.  
  699. {block:ifsidebarshadow} box-shadow:rgba(0,0,0,0.05)2px 2px;
  700. -moz-shadow:rgba(0,0,0,0.05)2px 2px;
  701. -webkit-shadow:rgba(0,0,0,0.05)2px 2px;{/block:ifsidebarshadow}
  702. color:{color:text};
  703. background: rgba({select:sidebarcolor},{select:sidebarTransparency});
  704. {block:ifsidebarborder}border:1px solid {color:sidebarborder}; {/block:ifsidebarborder}
  705.  
  706. {block:ifnotsidebarborder}border:1px solid rgba(0,0,0,0); {/block:ifnotsidebarborder}
  707. padding:1px 5px;
  708. margin-left:3px;
  709. margin-right:3px; transition: .2s ease-in-out;
  710. -moz-transition: .2s ease-in-out;
  711. -webkit-transition: .2s ease-in-out;
  712. }
  713.  
  714. #pagi a:hover{
  715. background: {color:selection}; color:{color:selectiontext}; border:1px solid {color:SelectionBorder};
  716. }
  717.  
  718. #tukut { {block:ifrounded} border-radius:8px; -webkit-border-radius:8px;
  719. -moz-border-radius:8px; {/block:ifrounded}margin-bottom:{text:distancebetweenposts}px;{block:ifshadow} box-shadow:rgba(0,0,0,0.06)3px 3px;
  720. -moz-shadow:rgba(0,0,0,0.06)3px 3px;
  721. -webkit-shadow:rgba(0,0,0,0.06)3px 3px; {/block:ifshadow}
  722. word-wrap:break-word;{block:ifpostborders}border:1px solid {color:Border} ;
  723. {/block:ifpostborders}
  724. transition: .2s ease-in-out;
  725. -moz-transition: .2s ease-in-out;
  726. -webkit-transition: .2s ease-in-out;
  727. background: rgba({select:bodycolor},{select:BodyTransparency});
  728. float:left;
  729. position: relative; {block:if250px}width:250px ; {/block:if250px}
  730.  
  731. {block:if400px}width:400px;{/block:if400px}
  732. {block:if500px}width:500px ;{/block:if500px}
  733.  
  734. {block:if600px}width:600px ;{/block:if600px}
  735. padding: 15px; /*margin-bottom:25px;*/
  736.  
  737. }#tukut:hover{ {block:ifslidingposts} transition: .2s ease-in-out;
  738. -moz-transition: .2s ease-in-out;
  739. -webkit-transition: .2s ease-in-out;
  740. {block:indexpage} margin-left:15px; {/block:indexpage} {/block:ifslidingposts}}.med { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; {block:iffadedimages} opacity:.8; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale} text-align:center; float:center;} .med:hover { {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} } .text{ {block:ifShowCaptions} margin-top:-2px; {block:ifHideFooters} margin-bottom:-7px; {/block:ifHideFooters} {/block:ifShowCaptions} border-left:2px solid rgba(0,0,0,0); border-right:2px solid rgba(0,0,0,0); word-wrap:break-word; padding-left: 0px; padding-right:0px; width:99%; text-align:left; padding-bottom:0px;} .text a{ transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; border-bottom:1px solid {color:linkborder}; color: {color:link}; background: {color:linkBG}; margin-right:1px; padding:0px 4px; } .text a:hover{ background: {color:selection}; color:{color:selectiontext}; border-bottom:1px solid {color:SelectionBorder}; } .text .img {max-width:100%; } pre{ font-family:calibri; padding:5px; background:rgba(0,0,0,.03); font-size:11px; text-transform:uppercase; letter-spacing:1px; word-wrap:break-word;} img { transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; {block:iffadedimages} opacity:.8; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); {/block:ifgrayscale} max-width: 100%; } img:hover{ {block:iffadedimages} opacity:1; {/block:iffadedimages} {block:ifgrayscale} -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); {/block:ifgrayscale} } h1{ {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} text-align: center; font-size:{text:fontsize}px; border:1px solid {color:AccentBorder}; background: {color:Accent}; color: {color:AccentText}; }
  741.  
  742. .title{ color:{color:accenttext};
  743. {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} padding:3px 15px; background:{color:Accent}; text-align:center; letter-spacing:1px; font-size:1.1em; line-height:1.5em; margin-bottom:10px; border:1px solid {color:AccentBorder}; }
  744. .linkie { {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} padding:3px; line-height:1.5em; text-align:center; letter-spacing:1px; font-size:1.1em; margin-bottom:10px; border:1px solid {color:linkborder} ;background: {color:linkBG}; } .linkie a{color: {color:link}; } .linkie:active { border:1px solid {color:SelectionBorder}; background: {color:selection}; color:{color:selectiontext} } .qwrapper{ min-height:15px; padding:20px; position:relative; } .question { box-shadow:rgba(0,0,0,0.04)3px 3px; margin-top:-20px; margin-left:41px; position:relative; margin-bottom:10px; {block:if250px}width:78%; {/block:if250px} {block:if400px}width:87%; {/block:if400px} {block:if500px}width:89%;{/block:if500px} {block:if600px}width:91%;{/block:if600px} /* width:410px; */ float:left; text-align:justify; color: {color:AccentText}; background: {color:Accent}; border:1px solid {color:AccentBorder}; padding: 12px 12px; overflow:hidden; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } .question a{ letter-spacing:0px; color:{color:Accenttext}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .question:hover a{ color:{color:accenttext}; } #tukut:hover .question { }
  745. .jihoon { overflow:hidden; width:48px; height:48px; background:{color:Accent}; border:1px solid {color:AccentImgBorder}; padding:3px; float:left; position:absolute; overflow:hidden; margin-top:-22px; margin-left:-24px; -moz-border-radius: 38px; -webkit-border-radius: 38px; border-radius: 38px; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } .qarrowleft { z-index:9999999; margin-top:0px; margin-left:47px; position:absolute; width: 0; height: 0; border-top: 15px {color:AccentBorder}; border-bottom: 15px solid transparent; border-right:15px solid {color:AccentBorder}; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; } #tukut:hover .jihoon{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .jihoon img { width:48px; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; } #asswipe{ padding:4px; margin:8px; float:left; width:76px; background: {color:Accent}; border:2px solid {color:AccentImgBorder}; height:76px; overflow:hidden; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; } #asswipe img{ -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; } #tukut:hover #asswipe{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } #audiobud{ position:relative; width:100%; height:110px; margin-top:0px; } #audiobud #rapmon{ position:relative; float:left; width:110%; background-color:#fff; overflow-x:hidden; overflow-y:hidden; -moz-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; -webkit-transition: all .9s ease; color:{color:Text}; margin-top:-10px; margin-left:-5px; } .arrow-left { margin-top:34px; margin-left:84px; position:absolute; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 17px solid transparent; border-right:21px solid {color:AccentBorder}; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #yonggu { box-shadow:rgba(0,0,0,0.05)3px 3px; -moz-box-shadow:rgba(0,0,0,0.05)3px 3px; -webkit-box-shadow:rgba(0,0,0,0.05)3px 3px; position:absolute; margin-left:105px; border:5px solid {color:AccentBorder}; font-size:11px; font-family:calibri; text-transform: none; float:right; margin-top:34px; padding:5px; padding-top:8px; overflow:hidden; color: {color:AccentText}; background: {color:Accent}; /* width:260px; */ {block:if500px} width:72%; {/block:if500px} {block:if600px} width:77%; {/block:if600px} {block:if250px} width:48%; {/block:if250px} {block:if400px} width:66%; {/block:if400px} height:12px; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } #tukut:hover #yonggu{ position:absolute; margin-top:12px; height:60px; } #tukut:hover .arrow-left { margin-top:12px; } .chatw{ padding:1px 25px;} .chat { box-shadow:rgba(0,0,0,0.05)3px 3px; margin-top:2px; color:{color:AccentText}; background:{color:Accent}; outline:1px solid {color:AccentBorder}; border-left:21px solid {color:AccentBorder}; border-right:21px solid {color:AccentBorder}; margin-bottom:12px; padding:10px 15px; }
  746. #container #tukut .permalink { {block:ifHideFooters} {block:indexpage}display:none;{/block:indexpage}{/block:ifHideFooters} {block:ifnotShowCaptions}margin-top:12px; {/block:ifnotShowCaptions} transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; text-transform: ; background: {color:footer}; border:1px solid {color:FooterBorder}; margin-bottom:0px; {block:ifFancyFooter} {block:if250px} width:250px;{block:if250px} {block:if500px} width:500px;{block:if500px} {block:if400px} width:400px;{block:if400px} {block:if600px} width:600px;{block:if600px} margin-left:-26px; padding:3px 25px; box-shadow:rgba(0,0,0,0.04)0px 3px 3px; -moz-shadow:rgba(0,0,0,0.04)0px 3px 3px; -webkit-shadow:rgba(0,0,0,0.04)0px 3px 3px; {/block:ifFancyFooter} {block:ifnotFancyFooter} {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} padding:3px 6px; {/block:ifnotFancyFooter} color:{color:FooterText}; } #tukut .permalink .arrowie { {block:ifnotFancyFooter} display:none; {/block:ifnotFancyFooter} margin-top:-13px; margin-left:-25px; position:absolute; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 0px solid transparent; border-right:9px solid {color:FooterBorder}; } #tukut .permalink .arroway { {block:ifnotFancyFooter} display:none; {/block:ifnotFancyFooter} margin-top:-13px; right:-10px; position:absolute; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 0px solid transparent; border-left:9px solid {color:FooterBorder}; } #container #tukut .permalink a {color: {color:FooterText};} #container #tukut .permalink #perminfo { float:left; text-align:left; width:50%; } #container #tukut .permalink #date { float:right; width:50%; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; text-transform:lowercase; text-align: right; } #container #tukut .permalink .tags { {block:ifnotshowtags} {block:indexpage} display:none; {/block:indexpage}{/block:ifnotshowtags} margin-top:2px; padding-top:2px; border-top:1px dashed {color:FooterBorder}; word-wrap:break-word; } .tags a{ } .tags a:active{ font-weight:bold } ol.notes { max-height:300px; overflow-y:auto; overflow-x:hidden; padding: 0px; margin-top: 15px; margin-left:1px; margin-right:1px; margin-bottom:0px; list-style-type: none; } ol.notes a{ color: {color:text}; } ol.notes li.note { padding: 5px; } ol.notes li.note img.avatar { -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: normal; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: #c0c0c0; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; } .booty { {block:ifnotbigborders}display:none;{/block:ifnotbigborders} {block:ifbigborders} {block:ifnotpostborders} display:none; {/block:ifnotpostborders}{/block:ifbigborders} position:absolute; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; z-index:0; margin-left:-61px; background: rgba(0,0,0,0); margin-top:10px; height:10px; border-left:2px solid {color:BigBorder}; width:43px; }
  747. #tukut:hover .booty { {block:indexpage} margin-left:-76px; width:1px; border-left:60px solid {color:BigBorder}; {/block:indexpage} } .younglo{ {block:ifnotLikeReblog}display:none; {block:ifnotLikeReblog} {block:permalinkpage}display:none;{/block:permalinkpage} padding-left:5px;padding-top:5px; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; position:absolute; opacity:0; {block:ifbigborders} {block:ifslidingposts} {block:ifpostborders} margin-left:-71px;margin-top:20px; width:50px;height:70px; {/block:ifpostborders} {block:ifnotpostborders}margin-left:-51px;margin-top:0px;width:30px;height:100px;{/block:ifnotpostborders} {/block:ifslidingposts} {block:ifnotslidingposts}margin-left:-51px;margin-top:20px;width:30px;height:100px; {/block:ifnotslidingposts} {/block:ifbigborders} {block:ifnotbigborders} margin-left:-51px;margin-top:-10px;width:30px;height:100px;{/block:ifnotbigborders} } .younglo .r{float:right; {block:ifbigborders} {block:ifnotslidingposts}width:100%;{/block:ifnotslidingposts} {block:ifslidingposts} {block:ifpostborders} width:50%; {/block:ifpostborders} {block:ifnotpostborders} width:100%; {/block:ifnotpostborders} {/block:ifslidingposts} {/block:ifbigborders} {block:ifnotbigborders} width:100%; {/block:ifnotbigborders} } .younglo .l{float:left; {block:ifbigborders} {block:ifnotslidingposts}width:100%;{/block:ifnotslidingposts} {block:ifslidingposts} width:50%; {/block:ifslidingposts} {/block:ifbigborders} {block:ifnotbigborders}width:100%;{/block:ifnotbigborders} } #tukut:hover .younglo {opacity:1; } .ricky{ {block:permalinkpage}display:none; {/block:permalinkpage} transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out;opacity:0; position:absolute; margin-top:0px; right:-55px; width:50px; height:90%; padding-left:18px; float:left; z-index:99999999999; } .ricky img{ max-width:100%; } #tukut:hover .ricky{ opacity:1; } .postw{ z-index:99999999999999999999999999999999999999; transition: .18s ease-in-out; -moz-transition: .18s ease-in-out; -webkit-transition: .18s ease-in-out; background:white; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; padding:5px 7px; width:15px; text-align:center; position:fixed; bottom:15px; right:15px; font-size:14px; color:#666; border:1px solid #c0c0c0; }
  748. .postw:hover{ } .postw a{color:#666;} .postw img{width:20px; opacity:.7; text-align:center; ; } .imgonnapassout{ {block:ifnotshowtags} {block:ifnothidefooters}display:none; {/block:ifnothidefooters}
  749. {block:ifhidefooters}display:none;{/block:ifhidefooters}
  750.  
  751.  
  752. {/block:ifnotshowtags}
  753. {block:ifshowtags} {block:ifnothidefooters}display:none; {/block:ifnothidefooters} {/block:ifshowtags} } .imgonnapassout a{color:{color:text}; } #buttt{ {block:ifrounded} border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; {/block:ifrounded} display:block; margin-top:6px; border:1px solid {color:navborder}; color:{color:navtext}; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; text-align:center; background:{color:nav}; margin-left:-1px; width:100%; } #buttt a{ transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out; border:1px solid {color:nav}; margin-bottom:3px; text-decoration:none; display:block; padding:1px 3px; } #buttt a:hover{ transition: .1s ease-in-out; -moz-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; background: {color:selection}; color: {color:selectiontext}; border:1px solid {color:selectionborder}; } #buttt .linkss { padding:0px 5px; transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; max-height:0px; overflow:hidden; } #buttt:hover .linkss { max-height:230px;overflow:hidden} #buttt .menun {padding:4px; } .pnav{margin-top:3px;width:auto; height:1.2em; border-bottom:1px dashed {color:border}; padding:3px 1px; text-align:center; {block:indexpage}display:none;{/block:indexpage}} .pnav .pr{float:right; text-align:right;width:50%;} .pnav .pl{float:left; text-align:left;width:50%;} .pnav a{color:{color:text};}
  754.  
  755.  
  756. </style>
  757.  
  758. </head>
  759.  
  760. <body>
  761.  
  762. <script language=JavaScript>
  763. <!--
  764.  
  765. //Disable right mouse click Script
  766. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  767. //For full source code, visit http://www.dynamicdrive.com
  768.  
  769. var message="Function Disabled";
  770.  
  771. ///////////////////////////////////
  772. function clickIE4(){
  773. if (event.button==2){
  774. alert(message);
  775. return false;
  776. }
  777. }
  778.  
  779. function clickNS4(e){
  780. if (document.layers||document.getElementById&&!document.all){
  781. if (e.which==2||e.which==3){
  782. alert(message);
  783. return false;
  784. }
  785. }
  786. }
  787.  
  788. if (document.layers){
  789. document.captureEvents(Event.MOUSEDOWN);
  790. document.onmousedown=clickNS4;
  791. }
  792. else if (document.all&&!document.getElementById){
  793. document.onmousedown=clickIE4;
  794. }
  795.  
  796. document.oncontextmenu=new Function("alert(message);return false")
  797.  
  798. // -->
  799. </script>
  800.  
  801.  
  802.  
  803. <script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/52/52903/5/parts.js"></script>
  804.  
  805. {block:ifbigborders}
  806.  
  807. <div class="idiot"></div>
  808. <div class="idiot2"></div>
  809.  
  810. <div class="idiot3"></div>
  811.  
  812. <div class="idiot4"></div> {/block:ifbigborders}
  813.  
  814.  
  815. {block:ifframeonly}
  816.  
  817. <div class="idiot"></div>
  818. <div class="idiot2"></div>
  819.  
  820. <div class="idiot3"></div>
  821.  
  822. <div class="idiot4"></div> {/block:ifframeonly}
  823.  
  824.  
  825.  
  826.  
  827.  
  828. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  829. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  830. //** v1.1 (April 7th, 10'):
  831. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  832. //** 2) Fixes scroll animation not working in Opera.
  833.  
  834.  
  835. var scrolltotop={
  836. setting: {startline:0, scrollto: 0, scrollduration:900, fadeduration:[500, 100]},
  837. controlHTML: '<img src="{image:Bottom}" style="max-width:240px;" width="" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  838. controlattrs: {offsetx:{text:BottomImageLeft}, offsety:{text:BottomImageTop}}, //offset of control relative to right/ bottom of window corner
  839. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  840.  
  841. state: {isvisible:false, shouldvisible:false},
  842.  
  843. scrollup:function(){
  844. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  845. this.$control.css({opacity:0}) //hide control immediately after clicking it
  846. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  847. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  848. dest=jQuery('#'+dest).offset().top
  849. else
  850. dest=0
  851. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  852. },
  853.  
  854. keepfixed:function(){
  855. var $window=jQuery(window)
  856. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  857. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  858. this.$control.css({left:controlx+'px', bottom:controly+'px'})
  859. },
  860.  
  861. togglecontrol:function(){
  862. var scrolltop=jQuery(window).scrollTop()
  863. if (!this.cssfixedsupport)
  864. this.keepfixed()
  865. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  866. if (this.state.shouldvisible && !this.state.isvisible){
  867. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  868. this.state.isvisible=true
  869. }
  870. else if (this.state.shouldvisible==false && this.state.isvisible){
  871. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  872. this.state.isvisible=false
  873. }
  874. },
  875.  
  876. init:function(){
  877. jQuery(document).ready(function($){
  878. var mainobj=scrolltotop
  879. var iebrws=document.all
  880. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  881. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  882. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  883. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, left:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  884. .attr({title:'scroll to top'})
  885. .click(function(){mainobj.scrollup(); return false})
  886. .appendTo('body')
  887. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  888. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  889. mainobj.togglecontrol()
  890. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  891. mainobj.scrollup()
  892. return false
  893. })
  894. $(window).bind('scroll resize', function(e){
  895. mainobj.togglecontrol()
  896. })
  897. })
  898. }
  899. }
  900.  
  901. scrolltotop.init()</script>
  902.  
  903.  
  904.  
  905.  
  906. <div id="container">
  907.  
  908. <div id="sidebar">
  909.  
  910. {block:ifShowSidebarImage}
  911. <div class="yep">
  912. <a href="/" title="{title}" ><img src="{image:Sidebar}" style="max-width:100%;
  913.  
  914.  
  915.  
  916.  
  917. {block:ifrounded} border-radius:4px;
  918. -webkit-border-radius:4px;
  919. -moz-border-radius:4px; {/block:ifrounded}
  920.  
  921.  
  922. "></a></div><br>{/block:ifShowSidebarImage}<div class="yep">
  923.  
  924.  
  925. <div class="desc">{Description}</div>
  926.  
  927.  
  928.  
  929.  
  930.  
  931.  
  932.  
  933. {block:ifslidingnav}
  934.  
  935. <div id="buttt">
  936.  
  937. <div class="menun">{text:MenuTitle}</div>
  938. <div class="linkss">
  939.  
  940. <div style="height:1px; border-top:1px solid {color:navborder};"></div>
  941. <div style="height:5px;"></div>
  942. {block:haspages}
  943. {block:pages} <a href="{url}" onclick="clicksound.playclip()" >{label}</a> {/block:pages} {/block:haspages}
  944. {block:iflink1}<a href="{text:link 1 url}" onclick="clicksound.playclip()">{text:link 1}</a>{/block:iflink1}
  945. {block:iflink2}<a href="{text:link 2 url}"onclick="clicksound.playclip()" >{text:link 2}</a>{/block:iflink2}
  946. {block:iflink3}<a href="{text:link 3 url}"onclick="clicksound.playclip()" >{text:link 3}</a>{/block:iflink3}
  947. {block:iflink4}<a href="{text:link 4 url}"onclick="clicksound.playclip()" >{text:link 4}</a>{/block:iflink4}
  948. {block:iflink5}<a href="{text:link 5 url}"onclick="clicksound.playclip()" >{text:link 5}</a>{/block:iflink5}
  949. {block:iflink6}<a href="{text:link 6 url}"onclick="clicksound.playclip()" >{text:link 6}</a>{/block:iflink6}
  950. {block:iflink7}<a href="{text:link 7 url}"onclick="clicksound.playclip()" >{text:link 7}</a>{/block:iflink7}
  951. {block:iflink8}<a href="{text:link 8 url}"onclick="clicksound.playclip()" >{text:link 8}</a>{/block:iflink8}
  952. <div style="height:5px;"></div>
  953.  
  954.  
  955. </div>
  956. </div>
  957.  
  958. {/block:ifslidingnav}
  959.  
  960.  
  961.  
  962.  
  963.  
  964. {block:ifNavButtons}
  965. <div class="nav">
  966. {block:haspages}
  967. {block:pages} <a href="{url}" onclick="clicksound.playclip()" >{label}</a> {/block:pages} {/block:haspages}
  968. {block:iflink1}<a href="{text:link 1 url}" onclick="clicksound.playclip()">{text:link 1}</a>{/block:iflink1}
  969. {block:iflink2}<a href="{text:link 2 url}"onclick="clicksound.playclip()" >{text:link 2}</a>{/block:iflink2}
  970. {block:iflink3}<a href="{text:link 3 url}"onclick="clicksound.playclip()" >{text:link 3}</a>{/block:iflink3}
  971. {block:iflink4}<a href="{text:link 4 url}"onclick="clicksound.playclip()" >{text:link 4}</a>{/block:iflink4}
  972. {block:iflink5}<a href="{text:link 5 url}"onclick="clicksound.playclip()" >{text:link 5}</a>{/block:iflink5}
  973. {block:iflink6}<a href="{text:link 6 url}"onclick="clicksound.playclip()" >{text:link 6}</a>{/block:iflink6}
  974. {block:iflink7}<a href="{text:link 7 url}"onclick="clicksound.playclip()" >{text:link 7}</a>{/block:iflink7}
  975. {block:iflink8}<a href="{text:link 8 url}"onclick="clicksound.playclip()" >{text:link 8}</a>{/block:iflink8}
  976. </div>
  977. {/block:ifNavButtons}{block:ifNavMenu}<select onChange="location=this.options[this.selectedIndex].value;" style="
  978. font-family:{select:font};
  979. cursor:pointer;
  980. font-size: {text:fontsize}px;
  981. color:{color:NavText};
  982.  
  983. max-width:100%;
  984. padding:0px 2px;
  985.  
  986.  
  987.  
  988. {block:ifrounded} border-radius:4px;
  989. -webkit-border-radius:4px;
  990. -moz-border-radius:4px; {/block:ifrounded}
  991.  
  992. {block:ifnotrounded}
  993. -moz-border-radius: 0px;
  994. -webkit-border-radius: 0px;
  995. border-radius: 0px; {/block:ifnotrounded}
  996.  
  997. border: 1px solid {color:NavBorder};
  998. background-color: {color:Nav};
  999. margin-bottom:0px;
  1000. -webkit-appearance: none;
  1001. text-align:center;
  1002. margin-top:5px; "><option value="">{text:MenuTitle}</option><!-- <option value="/ask">ask</option><option value="/submit">submit</option>-->{block:haspages}{block:pages}<option value="{url}">{label}</option>{/block:pages}{/block:haspages}{block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}{block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}{block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}{block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}{block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}{block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}{block:iflink7}<option value="{text:link 7 url}">{text:link 7}</option>{/block:iflink7}{block:iflink8}<option value="{text:link 8 url}">{text:link 8}</option>{/block:iflink8}</select></form>
  1003. {/block:ifNavMenu}
  1004.  
  1005. </div><br>
  1006.  
  1007. {block:ifshowsearchbox}<div class="yep">
  1008.  
  1009. <div class="search"><form action="/search" method="get" class="search-form"><input type="hidden" name="t" value="{Name}" /><input type="text" name="q" class="query" value="{SearchQuery}" /><input type="submit" value="{text:searchbuttontext}" class="submit" /><div class="clear"></div></form></div> {block:SearchPage}<div style="line-height:3px;"><br></div>[{block:SearchResults}{lang:SearchResultCount results for SearchQuery 2}{/block:SearchResults}{block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults}] {/block:SearchPage}
  1010.  
  1011. </div>{/block:ifshowsearchbox}
  1012.  
  1013. {block:indexpage}
  1014. {block:ifnotInfiniteScroll}
  1015. {block:ifDescriptivePagination}
  1016.  
  1017. {block:Pagination}{block:ifshowsearchbox}<br>{/block:ifshowsearchbox}
  1018. <div class="yep">
  1019.  
  1020. {block:PreviousPage}<a href="{PreviousPage}" style="color:{color:text};" title="{lang:Previous page}">&larr;</a>{/block:PreviousPage}
  1021.  
  1022. page {CurrentPage} / {TotalPages}
  1023.  
  1024. {block:NextPage}<a href="{NextPage}" style="color:{color:text};" title="{lang:Next page}">&rarr;</a>{/block:NextPage}
  1025.  
  1026. </div>
  1027. {/block:Pagination}{/block:ifDescriptivePagination}{/block:ifnotInfiniteScroll}{/block:indexpage}
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033. {block:ifnotInfiniteScroll}
  1034. {block:ifnotDescriptivePagination}
  1035. {block:Pagination}
  1036.  
  1037. {block:ifshowsearchbox}
  1038. <br> {/block:ifshowsearchbox}
  1039.  
  1040. <div id="pagi">
  1041. {block:PreviousPage}<a href="{PreviousPage}" title="{lang:Previous page}">&larr;</a>{/block:PreviousPage}{block:JumpPagination length="0"}{block:CurrentPage}<span class="current_page"> {PageNumber} </span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" title="{lang:Next page}">&rarr;</a>{/block:NextPage}
  1042. </div>{/block:Pagination}{/block:ifnotDescriptivePagination}
  1043.  
  1044. {/block:ifnotInfiniteScroll}
  1045.  
  1046. </div>
  1047.  
  1048.  
  1049. <div id="tukutcredit">
  1050. <a href="http://www.tukut.tumblr.com/" title="theme by tukut"><div class="postw">✖</div></a> <div>
  1051.  
  1052. </div>
  1053.  
  1054.  
  1055. {block:ifHeader}<div id="tukut"><div class="booty"></div>{block:ifnotimageHeader}
  1056. <div class="title" style="font-size:1.2em;margin-bottom:0px;"> <div style="width:100%; display:block"><a href="/" style="color:{color:text};" title="Home">{Title}</a> </div> </div>{/block:ifnotimageHeader}
  1057.  
  1058. {block:ifimageheader}<center><a href="/" title="{Title}"><img src="{image:Header}" style="text-align:center; margin-top:0px;margin-bottom:0px; max-width:100%"></a></center>{/block:ifimageheader}
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064. </div>{/block:ifHeader}
  1065.  
  1066. {block:SearchPage}
  1067. <div id="tukut">
  1068.  
  1069.  
  1070.  
  1071. <div class="title" style="margin-bottom:0px;"> {block:SearchResults}{lang:SearchResultCount results for SearchQuery 2}{/block:SearchResults}{block:NoSearchResults}{lang:No search results for SearchQuery 2}{/block:NoSearchResults} </div>
  1072.  
  1073.  
  1074. </div>{/block:SearchPage}
  1075. {block:ifInfiniteScroll}<div class="autopagerize_page_element">
  1076. {/block:ifInfiniteScroll}
  1077.  
  1078. {block:Posts}
  1079. <div class="posts">
  1080.  
  1081.  
  1082.  
  1083. <!-- credit -->
  1084.  
  1085.  
  1086. </div>
  1087. <div id="tukut"> <div>
  1088. </div>
  1089.  
  1090. <!-- credit -->
  1091.  
  1092.  
  1093. <div class="ricky"> <a href="{Permalink}" target="_blank" title="Permalink"> <img src="{image:permalinksprite}"> </a></div>
  1094.  
  1095.  
  1096. <div class="booty"></div>
  1097.  
  1098.  
  1099.  
  1100.  
  1101. <div class="younglo">
  1102.  
  1103.  
  1104. <div class="l">
  1105.  
  1106. {block:ifWhiteLikeReblog} {likebutton color="white"}{/block:ifWhiteLikeReblog}
  1107.  
  1108. {block:ifnotWhiteLikeReblog}{likebutton}{/block:ifnotWhiteLikeReblog}
  1109.  
  1110.  
  1111. </div> <div class="r"> {block:ifWhiteLikeReblog} {reblogbutton color="white"}{/block:ifWhiteLikeReblog}
  1112.  
  1113. {block:ifnotWhiteLikeReblog}{reblogbutton}{/block:ifnotWhiteLikeReblog}</div>
  1114. </div>
  1115.  
  1116.  
  1117.  
  1118.  
  1119.  
  1120.  
  1121. {block:Text}
  1122. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1123. <div class="text">{Body}</div>
  1124. {/block:Text}
  1125.  
  1126. {block:Photo}<div class="med">
  1127. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag} </div>
  1128.  
  1129. {block:ifShowCaptions}
  1130. {block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1131.  
  1132. {block:ifnotShowCaptions}
  1133. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1134.  
  1135.  
  1136.  
  1137. {/block:Photo}
  1138.  
  1139. {block:Photoset}<div class="med">
  1140. <div style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div></div>
  1141. {block:ifShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1142.  
  1143. {block:ifnotShowCaptions}
  1144. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1145.  
  1146. {/block:Photoset}
  1147.  
  1148. {block:Quote}<div class="title">{Quote}</div>
  1149.  
  1150. <div class="text">
  1151. {block:Source}<div style="text-align:right; padding-right:15px;">{Source} &larr;</div>{/block:Source} <div style="line-height:8px;"><br></div></div>
  1152.  
  1153. {/block:Quote}
  1154.  
  1155. {block:Link} <div class="linkie">
  1156. <a href="{URL}" Target> {Name} &raquo; </a> </div>
  1157. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1158. {/block:Link}
  1159.  
  1160. {block:Chat}
  1161. {block:Title}<div class="title">{Title}</div> {/block:Title}
  1162.  
  1163. <div class="chatw"> <div class="chat">
  1164.  
  1165. {block:Lines}
  1166. {block:Label}
  1167.  
  1168. <b>{Label}</b>{/block:Label} {Line}<br>
  1169. {/block:Lines} </div> </div>
  1170.  
  1171.  
  1172. <div class="clear"></div> {/block:Chat}
  1173.  
  1174. {block:Audio}
  1175. {block:AudioPlayer}
  1176.  
  1177. <div id="audiobud">
  1178. <div id="asswipe">{block:AlbumArt}
  1179.  
  1180. <img width="80px" style="margin-bottom:10px;" src="{AlbumArtURL}"/>
  1181.  
  1182.  
  1183. {/block:AlbumArt}
  1184.  
  1185.  
  1186.  
  1187. <img width="80px" src="https://31.media.tumblr.com/3910f8926357af1a290dbf60938ca9db/tumblr_inline_n3548jw14l1s1hslp.png"/>
  1188.  
  1189.  
  1190. </div>
  1191.  
  1192.  
  1193. <div class="arrow-left"></div>
  1194.  
  1195. <div id="yonggu">
  1196. <div id="rapmon">{AudioPlayerWhite} </div>
  1197.  
  1198. <span style="">
  1199.  
  1200.  
  1201. <div style="line-height:10px"><br></div><br>
  1202.  
  1203. <div style="height:40px; overflow-y:auto;">
  1204. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}{block:ExternalAudio}<a href="{ExternalAudioURL}" title="{lang:Download}"> +</a>{/block:ExternalAudio}</span><br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>{block:Album}<b>Album:</b> {Album}{/block:Album}</div></div>
  1205.  
  1206.  
  1207. </div>
  1208.  
  1209. <div class="clear"></div> {/block:AudioPlayer}
  1210.  
  1211.  
  1212.  
  1213. {block:AudioEmbed}<div class="med"> {block:if250px} {AudioEmbed-250} {/block:if250px}
  1214. {block:if400px}{AudioEmbed-400}{/block:if400px}
  1215. {block:if500px}{AudioEmbed-500}{/block:if500px}
  1216.  
  1217. {block:if600px}{AudioEmbed-500} {/block:if600px}</div> {/block:AudioEmbed}
  1218. {block:ifShowCaptions} {block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1219.  
  1220. {block:ifnotShowCaptions}
  1221. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1222.  
  1223. {/block:Audio}
  1224.  
  1225.  
  1226.  
  1227.  
  1228. {block:Video} <div class="med">
  1229. {block:if250px} {VideoEmbed-250} {/block:if250px}
  1230.  
  1231. {block:if400px}{VideoEmbed-400}{/block:if400px}
  1232. {block:if500px}{VideoEmbed-500}{/block:if500px}
  1233.  
  1234. {block:if600px}{VideoEmbed-500} {/block:if600px}</div>
  1235. {block:ifShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption} {/block:ifShowCaptions}
  1236.  
  1237. {block:ifnotShowCaptions}
  1238. {block:permalinkpage} {block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:permalinkpage} {/block:ifnotShowCaptions}
  1239.  
  1240.  
  1241. {/block:Video}
  1242.  
  1243. {block:Answer}
  1244.  
  1245. <div class="qarrowleft"></div>
  1246. <div class="qwrapper">
  1247.  
  1248.  
  1249. <div class="jihoon">
  1250. <img src="{AskerPortraitURL-64}">
  1251. </div>
  1252.  
  1253.  
  1254.  
  1255. <div class="question">
  1256.  
  1257.  
  1258.  
  1259.  
  1260.  
  1261. <b>{asker}</b> asked: {Question}</div> </div>
  1262.  
  1263. <div class="clear"></div>
  1264. <div class="text"> {Answer}</div>
  1265. {/block:Answer}
  1266. {block:indexpage}
  1267. <div class="imgonnapassout">
  1268.  
  1269. {block:HasTags} <div style="height:2px;"></div><div class="tags">tagged:&nbsp;{block:Tags}<a href="{TagURL}">{text:TaggedSymbol}{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}
  1270. </div>{/block:indexpage}
  1271.  
  1272.  
  1273. {block:Date}
  1274. <div class="permalink">
  1275.  
  1276.  
  1277.  
  1278. <div class="arrowie"></div>
  1279. <div class="arroway"></div>
  1280.  
  1281.  
  1282.  
  1283. <div id="perminfo"> <a href="{Permalink}" target="_blank" title="{TimeAgo}">
  1284. {TimeAgo} <!--
  1285. {DayOfMonth}.{MonthNumber}.{ShortYear} --> </a>
  1286.  
  1287.  
  1288.  
  1289. {block:Reblog} ( <a href="{ReblogParentURL}" title="Reblogged from {ReblogParentName}">{text:viasymbol}</a>
  1290.  
  1291. {block:ContentSource}/ <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">{text:sourcesymbol}</a>{/block:ContentSource} )
  1292. {/block:Reblog} </div>
  1293.  
  1294. <div id="date">
  1295.  
  1296.  
  1297.  
  1298.  
  1299.  
  1300. <a href="{Permalink}" title="{NoteCountwithLabel}">
  1301. {NoteCount}</a> {text:notessymbol} <a href="{ReblogURL}" title="Reblog">reblog</a>
  1302.  
  1303.  
  1304. </div> <div class="clear"></div>
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310. {block:HasTags} <div class="tags">tagged:&nbsp;{block:Tags}<a href="{TagURL}">{text:TaggedSymbol}{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}</div>
  1311.  
  1312.  
  1313. {block:PermalinkPagination} <div class="pnav">
  1314.  
  1315. <div class="pl"> {block:PreviousPost}
  1316. <a href="{PreviousPost}">&larr; Previous Post</a>
  1317. {/block:PreviousPost}</div>
  1318. <div class="pr">
  1319. {block:NextPost}
  1320. <a href="{NextPost}">Next Post &rarr;</a>
  1321. {/block:NextPost} </div> </div>
  1322.  
  1323. <div class="clear"></div>
  1324. {/block:PermalinkPagination}
  1325.  
  1326. {block:permalinkpage}
  1327. <div style="margin-top:3px; padding:0px 5px; text-align:center; height:1.2em; width:auto;">
  1328. [Posted {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {CapitalAmPm}]
  1329. </div>
  1330. {/block:permalinkpage}
  1331.  
  1332.  
  1333. {/block:Date} {block:permalinkpage} {PostNotes} {/block:permalinkpage}
  1334. </div>
  1335.  
  1336. {/block:Posts} {block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}</div></div>
  1337.  
  1338. </body>
  1339.  
  1340. </html>
  1341.  
  1342.  
  1343. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-2/mec107.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Gun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Gun" style="position:absolute; top: 0px; right: 0px;" /></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement