API tools faq
paste
basturds

theme 07

basturds
Dec 13th, 2012
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.12 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by supminaj
  4. You may edit this theme, but do NOT remove the credits.
  5. ***I HAVE A THEME TRACKER SO I WILL KNOW***
  6.  
  7. Features:
  8.  
  9. - Optional photo post faded on hover / opaque on hover
  10. - Optional sidebar right / left
  11. - Optional photo background
  12. - Optional sidebar image
  13. - Optional highlighted sidebar links on hover
  14.  
  15. - 4 custom links + theme link
  16. - Title = "home" link
  17. - Permalink: "+" symbol on text posts
  18. - One column (350 px)
  19. - Endless scrolling
  20. - Custom scrollbar & to top button included
  21. - Customizable colors & fonts
  22.  
  23. -->
  24. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  25. <html>
  26. <head>
  27.  
  28. <!-- GENERAL VARIABLES -->
  29.  
  30. <meta name="color:Link" content="#41484e" />
  31. <meta name="color:TextpostsBG" content="#f5f3f3" />
  32. <meta name="color:Texts" content="#737373" />
  33. <meta name="color:Title" content="#000000" />
  34. <meta name="color:background" content="#eeeeee" />
  35. <meta name="color:posts border" content="#d3d3d3" />
  36. <meta name="color:scrollbar" content="#9d9d9d" />
  37. <meta name="font:title" content="Calibri" />
  38. <meta name="font:body" content="Calibri" />
  39. <meta name="font:link" content="Calibri" />
  40. <meta name="if:Faded Images On Hover" content="1">
  41. <meta name="if:Opaque Images On Hover" content="0">
  42. <meta name="if:Show scrollbar" content="1">
  43. <meta name="if:Show sidebar image" content="1" />
  44. <meta name="if:Highlighted links on hover" content="1">
  45. <meta name="if:Sidebar left" content="1">
  46. <meta name="if:Sidebar right" content="0">
  47. <meta name="image:background" content=""/>
  48. <meta name="image:sbimage" content="http://25.media.tumblr.com/tumblr_mde84elHo61ra9vpko1_500.jpg" />
  49. <meta name="text:Link One Title" content="ARCHIVE"><meta name="text:Link One Url" content="/archive"><meta name="text:Link Two Title" content="MESSAGE"> <meta name="text:Link Two Url" content="/ask" ><meta name="text:Link Three Title" content="Link 3"><meta name="text:Link Three Url" content="http://" > <meta name="text:Link Four Title" content="LINK 4"><meta name="text:Link Four Url" content="http://" >
  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51. <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'><script type="text/javascript">
  52. WebFontConfig = { google: { families: [ 'Lovers+Quarrel::latin' ] }};(function() {var wf = document.createElement('script'); wf.src =('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s);})(); </script><link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'> <script type="text/javascript"> WebFontConfig = {google: { families: [ 'BenchNine::latin' ] }}; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript';wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s);})();</script>
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<title>{Title}</title>
  54. <style type="text/css"> iframe#tumblr_controls{right:3px !important; position:fixed !important;-webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out;z-index:9999;}
  55.  
  56. /* Scrollbar */
  57.  
  58. {block:ifshowscrollbar}::-webkit-scrollbar {height: auto; width: 9px;}
  59. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}::-webkit-scrollbar-track {background-color:#ffffff;}::-webkit-scrollbar-buttom {background-color:#fff;}{/block:ifshowscrollbar}
  60.  
  61. /* Body and links*/
  62.  
  63. body {font-family:calibri;font-size:12px;color:{color:Texts};background-color:{color:background};background-image:url('{image:Background}');
  64. background-attachment:fixed;background-repeat:repeat;} @import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel);a:link, a:active, a:visited{text-decoration: none; color: {color:Link};-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} a:hover {text-decoration: none; opacity: 0.3;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
  65.  
  66. /* Sidebar */
  67.  
  68. #sb {position:fixed;background-color:transparent;width:280px;margin-top:130px;{block:ifsidebarleft}margin-left:-320px;{/block:ifsidebarleft}
  69. {block:ifsidebarright}margin-left:400px;{/block:ifsidebarright}font-family:calibri;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:{color:sbtext};}.title {width:280px; font-size:22px; text-transform:lowercase;text-align:center; color:#fff; letter-spacing:10px; background-color:#000;font-family: 'Julius Sans One', sans-serif;, cursive; padding-top:3px;-webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  70. -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  71. box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);}
  72. .description {width:280px; font-size:12px; text-align:justify; text-transform:none;}.linkeys {width:280px; font-size: 12px; text-align:center; text-transform:uppercase; margin-bottom:8px; margin-top:2px;font-family: 'BenchNine', sans-serif; letter-spacing:2px; background-color:#ddd; padding-top:3px;padding-bottom: 3px;-webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  73. -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  74. box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);}.linkeys a:hover{{block:ifhighlightedlinksonhover}background-color:#FFFF00;{/block:ifhighlightedlinksonhover} opacity:1;}.linkeys a {text-decoration:none; opacity:1; padding-right:2px; padding-left:2px;}{block:ifshowsidebarimage}
  75. #sb img {opacity:1;padding:0px;width:280px; padding-bottom:10px;}{/block:ifshowsidebarimage}
  76.  
  77. /* Posts */
  78.  
  79. #container{margin:0px auto;background-color:transparent;}
  80.  
  81. #posts .post {
  82. width:350px;
  83. text-align:left;
  84. font-family:trebuchet ms;
  85. -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  86. -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  87. box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  88. }
  89.  
  90. .post img {
  91. width:350px; margin-top:0px;
  92. -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  93. -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  94. box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  95. }
  96. .post a {
  97. letter-spacing:1px;}{block:ifFadedImagesOnHover}
  98. img{
  99. -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  100. -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  101. box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  102. -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 1;}
  103. img:hover{
  104. -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0.75;} {/block:ifFadedImagesOnHover} {block:ifOpaqueImagesOnHover}
  105. }
  106. img{
  107. -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0.75;
  108. -webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  109. -moz-box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  110. box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.75);
  111. }
  112. img:hover{
  113. -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 1;} {/block:ifOpaqueImagesOnHover}
  114.  
  115. /* Text posts */
  116.  
  117. #title {color:{color:Title};font-size:130%;text-align:left;font-family:calibri;margin-bottom:-30px;padding:15px;background-color:{color:TextPostsBG};}#body {padding:15px; margin-top:0px; margin-bottom:0px; font-family:calibri; background-color: {color:TextPostsBG};} .name {text-transform:uppercase; font-size:8px;letter-spacing:1px;color:{color:Texts}; text-align:center;} #question {border-bottom:1px solid {color:#000};padding: 15px; margin-bottom:-15px;background-color:{color:TextpostsBG};}#answer {padding-left:15px; padding-right:15px; padding-bottom: 15px; background-color:{color:TextpostsBG}}#source { margin-bottom:0px;text-align:left; font-size: 80%;padding:0px 5px 5px 15px; background-color:{color:TextpostsBG}}#quote {font-size: 110%; padding:15px 15px 12px 15px; background-color:{color:TextpostsBG}}#player{float:center;width:342px;padding:5px;height:110px; padding-left:0px;background-color:{color:TextpostsBG};overflow:hidden;margin-top:0px; font-size:100%;}
  118. .box {position: relative;background-color:{color:TextpostsBG};}
  119.  
  120. /* Permalink and reblog */
  121.  
  122. #hovertext {display:block; height:auto; text-align:left; position:absolute; margin-top:0px; margin-left:330px;padding:4px; opacity:1; overflow:hidden;z-index:9999;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;background-color:transparent;} .post:hover #hovertext {opacity:1;} #notestext {opacity:0.3;width:auto;display:block;color:#000; margin-top:0px; font-family:calibri; font-size:40%; letter-spacing:3px;z-index:9999;-webkit-transform: rotate(45deg);
  123. -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}#notestext:hover{opacity:0.8;}</style></head><body>
  124.  
  125.  
  126.  
  127. <!--HEADING-->
  128.  
  129. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow37.js"></script>
  130. <div id="container" style="width:350px; margin-top:40px; overflow:hidden">
  131. <div id="sb">
  132. <a href="/"><div class="title">{title}</div></a><br>
  133. {block:ifshowsidebarimage}<img src="{image:sbimage}">{/block:ifshowsidebarimage}
  134. <div class="linkeys">
  135. <a href="{text:link One Url}">{text:link One title}</a> -
  136. <a href="{text:link Two Url}">{text:link two title}</a> -
  137. <a href="{text:link Three Url}">{text:link three title}</a> -
  138. <a href="{text:link Four Url}">{text:link four title}</a> -
  139. <a href="http://www.supminaj.com">THEME</a>
  140. </div>
  141. <div class="description">{description}</div>
  142. </div>
  143.  
  144. <!-- POSTS-->
  145.  
  146. {block:Posts}<div class="post"><div style="border:1px solid {color:posts border}; margin-top:10px;">{block:Quote}<div id="hovertext"> <a href="{Permalink}"><div id="notestext">✖</div></a></div><div id="quote"><i>"{Quote}"</i></div><div id="source" class="name">- {Source}</div>{/block:Quote} {block:Photo}{block:IndexPage}<a href="{Permalink}"><div><img style="margin-bottom:-3px;" width="500px"src="{PhotoURL-500}"/></div></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<div><img style="margin-bottom:-3px;"width="500px"src="{PhotoURL-500}"/></div>{LinkCloseTag}{/block:PermalinkPage}{/block:Photo} {block:Text}<div id="hovertext"><a href="{Permalink}"><div id="notestext">✖</div></a></div>{block:Title}<div id="title"><b>{Title}</b></div> {/block:Title}<div id="body">{Body}</div>{/block:Text} {block:Link}<div id="hovertext"><a href="{Permalink}"><div id="notestext">✖</div></a></div><a href="{URL}" {Target}><div id="title"><b>{Name}</b></div></a> <div id="body">{block:Description} {Description}{/block:Description}</div>{/block:Link} {block:Chat}<div id="hovertext"><a href="{Permalink}"><div id="notestext">✖</div></a></div>{block:Title}<div id="title"><b>{Title}</b></div> {/block:Title}<div id="body">{block:Lines} <div>- {block:Label}<span class="name">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  147. {block:Audio}<div id="hovertext"><a href="{Permalink}"><div id="notestext">✖</div></a></div><center><div id="player"><div style="margin-top:10px;">{AudioPlayerBlack}<br>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} by <i>{Artist}</i>{/block:Artist}<br>({PlayCountWithLabel})</div></div></center>{/block:Audio}{block:Answer}<div id="hovertext"><a href="{Permalink}"><div id="notestext">✖</div></a></div><div id="question"><span class="name">{Asker} said:</span><i> {Question}</i></div><div id="answer">{Answer}</div>{/block:Answer}
  148.  
  149. {block:Photoset}<div style="background-color:{color:TextpostsBG};">{block:IndexPage}<div id="hovertext"><a href="{Permalink}"><div id="notestext">✖</div></a></div><br>{/block:IndexPage}<div class="photoset"><div class="box">{block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div></div></div>{/block:Photoset}
  150.  
  151. {block:Video}<div id="hovertext"><a href="{Permalink}"><div id="notestext">{Timeago}</div></a></div><div>{Video-500}</div>{/block:Video}</div> </div>{block:PermalinkPage}<div style="text-align:left;font-family:trebuchet ms;font-size:9px;padding:10px;">{Caption}</div><div style="text-align:left;font-size:8px;font-family:lucida console;padding:10px;"><div>{block:Date}{TimeAgo}{/block:Date} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>{block:PostNotes}{PostNotes} {/block:PostNotes}</div>{/block:PermalinkPage} {/block:Posts}</div></div>
  152. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  153. </div></div></div>
  154. </center>
  155. </body>
  156. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!